@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&display=swap"); @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i&display=swap"); /* defined in bundle 'web.assets_frontend' */ @charset "UTF-8"; /* /web/static/lib/bootstrap/scss/_functions.scss defined in bundle 'web.assets_frontend' */ /* /web/static/lib/bootstrap/scss/_mixins.scss defined in bundle 'web.assets_frontend' */ /* /web/static/src/scss/bs_mixins_overrides.scss defined in bundle 'web.assets_frontend' */ .bg-primary h1, .o_colored_level .bg-primary h1, .bg-secondary h1, .o_colored_level .bg-secondary h1, .bg-success h1, .o_colored_level .bg-success h1, .bg-info h1, .o_colored_level .bg-info h1, .bg-warning h1, .o_colored_level .bg-warning h1, .bg-danger h1, .o_colored_level .bg-danger h1, .bg-light h1, .o_colored_level .bg-light h1, .bg-dark h1, .o_colored_level .bg-dark h1, .bg-100 h1, .o_colored_level .bg-100 h1, .bg-200 h1, .o_colored_level .bg-200 h1, .bg-300 h1, .o_colored_level .bg-300 h1, .bg-400 h1, .o_colored_level .bg-400 h1, .bg-500 h1, .o_colored_level .bg-500 h1, .bg-600 h1, .o_colored_level .bg-600 h1, .bg-700 h1, .o_colored_level .bg-700 h1, .bg-800 h1, .o_colored_level .bg-800 h1, .bg-900 h1, .o_colored_level .bg-900 h1, .bg-white-85 h1, .o_colored_level .bg-white-85 h1, .bg-white-75 h1, .o_colored_level .bg-white-75 h1, .bg-white-50 h1, .o_colored_level .bg-white-50 h1, .bg-black-75 h1, .o_colored_level .bg-black-75 h1, .bg-black-50 h1, .o_colored_level .bg-black-50 h1, .bg-black h1, .o_colored_level .bg-black h1, .bg-white h1, .o_colored_level .bg-white h1, .card-body h1, .o_colored_level .card-body h1, .toast-body h1, .o_colored_level .toast-body h1, .o_cc1 h1, .o_footer .s_popup h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h1, .o_colored_level .o_cc1 h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h1, .o_cc2 h1, .o_colored_level .o_cc2 h1, .o_cc3 h1, .o_colored_level .o_cc3 h1, .o_cc4 h1, .o_colored_level .o_cc4 h1, .o_cc5 h1, .o_footer h1, .o_colored_level .o_cc5 h1, .o_colored_level .o_footer h1, .bg-o-color-1 h1, .o_colored_level .bg-o-color-1 h1, .bg-o-color-2 h1, .o_colored_level .bg-o-color-2 h1, .bg-o-color-3 h1, .o_colored_level .bg-o-color-3 h1, .bg-o-color-4 h1, .o_colored_level .bg-o-color-4 h1, .bg-o-color-5 h1, .o_colored_level .bg-o-color-5 h1, .navbar-light h1, .o_colored_level .navbar-light h1, .o_figure_relative_layout .figure-caption h1, .o_colored_level .o_figure_relative_layout .figure-caption h1, .bg-primary h2, .o_colored_level .bg-primary h2, .bg-secondary h2, .o_colored_level .bg-secondary h2, .bg-success h2, .o_colored_level .bg-success h2, .bg-info h2, .o_colored_level .bg-info h2, .bg-warning h2, .o_colored_level .bg-warning h2, .bg-danger h2, .o_colored_level .bg-danger h2, .bg-light h2, .o_colored_level .bg-light h2, .bg-dark h2, .o_colored_level .bg-dark h2, .bg-100 h2, .o_colored_level .bg-100 h2, .bg-200 h2, .o_colored_level .bg-200 h2, .bg-300 h2, .o_colored_level .bg-300 h2, .bg-400 h2, .o_colored_level .bg-400 h2, .bg-500 h2, .o_colored_level .bg-500 h2, .bg-600 h2, .o_colored_level .bg-600 h2, .bg-700 h2, .o_colored_level .bg-700 h2, .bg-800 h2, .o_colored_level .bg-800 h2, .bg-900 h2, .o_colored_level .bg-900 h2, .bg-white-85 h2, .o_colored_level .bg-white-85 h2, .bg-white-75 h2, .o_colored_level .bg-white-75 h2, .bg-white-50 h2, .o_colored_level .bg-white-50 h2, .bg-black-75 h2, .o_colored_level .bg-black-75 h2, .bg-black-50 h2, .o_colored_level .bg-black-50 h2, .bg-black h2, .o_colored_level .bg-black h2, .bg-white h2, .o_colored_level .bg-white h2, .card-body h2, .o_colored_level .card-body h2, .toast-body h2, .o_colored_level .toast-body h2, .o_cc1 h2, .o_footer .s_popup h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h2, .o_colored_level .o_cc1 h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h2, .o_cc2 h2, .o_colored_level .o_cc2 h2, .o_cc3 h2, .o_colored_level .o_cc3 h2, .o_cc4 h2, .o_colored_level .o_cc4 h2, .o_cc5 h2, .o_footer h2, .o_colored_level .o_cc5 h2, .o_colored_level .o_footer h2, .bg-o-color-1 h2, .o_colored_level .bg-o-color-1 h2, .bg-o-color-2 h2, .o_colored_level .bg-o-color-2 h2, .bg-o-color-3 h2, .o_colored_level .bg-o-color-3 h2, .bg-o-color-4 h2, .o_colored_level .bg-o-color-4 h2, .bg-o-color-5 h2, .o_colored_level .bg-o-color-5 h2, .navbar-light h2, .o_colored_level .navbar-light h2, .o_figure_relative_layout .figure-caption h2, .o_colored_level .o_figure_relative_layout .figure-caption h2, .bg-primary h3, .o_colored_level .bg-primary h3, .bg-secondary h3, .o_colored_level .bg-secondary h3, .bg-success h3, .o_colored_level .bg-success h3, .bg-info h3, .o_colored_level .bg-info h3, .bg-warning h3, .o_colored_level .bg-warning h3, .bg-danger h3, .o_colored_level .bg-danger h3, .bg-light h3, .o_colored_level .bg-light h3, .bg-dark h3, .o_colored_level .bg-dark h3, .bg-100 h3, .o_colored_level .bg-100 h3, .bg-200 h3, .o_colored_level .bg-200 h3, .bg-300 h3, .o_colored_level .bg-300 h3, .bg-400 h3, .o_colored_level .bg-400 h3, .bg-500 h3, .o_colored_level .bg-500 h3, .bg-600 h3, .o_colored_level .bg-600 h3, .bg-700 h3, .o_colored_level .bg-700 h3, .bg-800 h3, .o_colored_level .bg-800 h3, .bg-900 h3, .o_colored_level .bg-900 h3, .bg-white-85 h3, .o_colored_level .bg-white-85 h3, .bg-white-75 h3, .o_colored_level .bg-white-75 h3, .bg-white-50 h3, .o_colored_level .bg-white-50 h3, .bg-black-75 h3, .o_colored_level .bg-black-75 h3, .bg-black-50 h3, .o_colored_level .bg-black-50 h3, .bg-black h3, .o_colored_level .bg-black h3, .bg-white h3, .o_colored_level .bg-white h3, .card-body h3, .o_colored_level .card-body h3, .toast-body h3, .o_colored_level .toast-body h3, .o_cc1 h3, .o_footer .s_popup h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h3, .o_colored_level .o_cc1 h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h3, .o_cc2 h3, .o_colored_level .o_cc2 h3, .o_cc3 h3, .o_colored_level .o_cc3 h3, .o_cc4 h3, .o_colored_level .o_cc4 h3, .o_cc5 h3, .o_footer h3, .o_colored_level .o_cc5 h3, .o_colored_level .o_footer h3, .bg-o-color-1 h3, .o_colored_level .bg-o-color-1 h3, .bg-o-color-2 h3, .o_colored_level .bg-o-color-2 h3, .bg-o-color-3 h3, .o_colored_level .bg-o-color-3 h3, .bg-o-color-4 h3, .o_colored_level .bg-o-color-4 h3, .bg-o-color-5 h3, .o_colored_level .bg-o-color-5 h3, .navbar-light h3, .o_colored_level .navbar-light h3, .o_figure_relative_layout .figure-caption h3, .o_colored_level .o_figure_relative_layout .figure-caption h3, .bg-primary h4, .o_colored_level .bg-primary h4, .bg-secondary h4, .o_colored_level .bg-secondary h4, .bg-success h4, .o_colored_level .bg-success h4, .bg-info h4, .o_colored_level .bg-info h4, .bg-warning h4, .o_colored_level .bg-warning h4, .bg-danger h4, .o_colored_level .bg-danger h4, .bg-light h4, .o_colored_level .bg-light h4, .bg-dark h4, .o_colored_level .bg-dark h4, .bg-100 h4, .o_colored_level .bg-100 h4, .bg-200 h4, .o_colored_level .bg-200 h4, .bg-300 h4, .o_colored_level .bg-300 h4, .bg-400 h4, .o_colored_level .bg-400 h4, .bg-500 h4, .o_colored_level .bg-500 h4, .bg-600 h4, .o_colored_level .bg-600 h4, .bg-700 h4, .o_colored_level .bg-700 h4, .bg-800 h4, .o_colored_level .bg-800 h4, .bg-900 h4, .o_colored_level .bg-900 h4, .bg-white-85 h4, .o_colored_level .bg-white-85 h4, .bg-white-75 h4, .o_colored_level .bg-white-75 h4, .bg-white-50 h4, .o_colored_level .bg-white-50 h4, .bg-black-75 h4, .o_colored_level .bg-black-75 h4, .bg-black-50 h4, .o_colored_level .bg-black-50 h4, .bg-black h4, .o_colored_level .bg-black h4, .bg-white h4, .o_colored_level .bg-white h4, .card-body h4, .o_colored_level .card-body h4, .toast-body h4, .o_colored_level .toast-body h4, .o_cc1 h4, .o_footer .s_popup h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h4, .o_colored_level .o_cc1 h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h4, .o_cc2 h4, .o_colored_level .o_cc2 h4, .o_cc3 h4, .o_colored_level .o_cc3 h4, .o_cc4 h4, .o_colored_level .o_cc4 h4, .o_cc5 h4, .o_footer h4, .o_colored_level .o_cc5 h4, .o_colored_level .o_footer h4, .bg-o-color-1 h4, .o_colored_level .bg-o-color-1 h4, .bg-o-color-2 h4, .o_colored_level .bg-o-color-2 h4, .bg-o-color-3 h4, .o_colored_level .bg-o-color-3 h4, .bg-o-color-4 h4, .o_colored_level .bg-o-color-4 h4, .bg-o-color-5 h4, .o_colored_level .bg-o-color-5 h4, .navbar-light h4, .o_colored_level .navbar-light h4, .o_figure_relative_layout .figure-caption h4, .o_colored_level .o_figure_relative_layout .figure-caption h4, .bg-primary h5, .o_colored_level .bg-primary h5, .bg-secondary h5, .o_colored_level .bg-secondary h5, .bg-success h5, .o_colored_level .bg-success h5, .bg-info h5, .o_colored_level .bg-info h5, .bg-warning h5, .o_colored_level .bg-warning h5, .bg-danger h5, .o_colored_level .bg-danger h5, .bg-light h5, .o_colored_level .bg-light h5, .bg-dark h5, .o_colored_level .bg-dark h5, .bg-100 h5, .o_colored_level .bg-100 h5, .bg-200 h5, .o_colored_level .bg-200 h5, .bg-300 h5, .o_colored_level .bg-300 h5, .bg-400 h5, .o_colored_level .bg-400 h5, .bg-500 h5, .o_colored_level .bg-500 h5, .bg-600 h5, .o_colored_level .bg-600 h5, .bg-700 h5, .o_colored_level .bg-700 h5, .bg-800 h5, .o_colored_level .bg-800 h5, .bg-900 h5, .o_colored_level .bg-900 h5, .bg-white-85 h5, .o_colored_level .bg-white-85 h5, .bg-white-75 h5, .o_colored_level .bg-white-75 h5, .bg-white-50 h5, .o_colored_level .bg-white-50 h5, .bg-black-75 h5, .o_colored_level .bg-black-75 h5, .bg-black-50 h5, .o_colored_level .bg-black-50 h5, .bg-black h5, .o_colored_level .bg-black h5, .bg-white h5, .o_colored_level .bg-white h5, .card-body h5, .o_colored_level .card-body h5, .toast-body h5, .o_colored_level .toast-body h5, .o_cc1 h5, .o_footer .s_popup h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h5, .o_colored_level .o_cc1 h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h5, .o_cc2 h5, .o_colored_level .o_cc2 h5, .o_cc3 h5, .o_colored_level .o_cc3 h5, .o_cc4 h5, .o_colored_level .o_cc4 h5, .o_cc5 h5, .o_footer h5, .o_colored_level .o_cc5 h5, .o_colored_level .o_footer h5, .bg-o-color-1 h5, .o_colored_level .bg-o-color-1 h5, .bg-o-color-2 h5, .o_colored_level .bg-o-color-2 h5, .bg-o-color-3 h5, .o_colored_level .bg-o-color-3 h5, .bg-o-color-4 h5, .o_colored_level .bg-o-color-4 h5, .bg-o-color-5 h5, .o_colored_level .bg-o-color-5 h5, .navbar-light h5, .o_colored_level .navbar-light h5, .o_figure_relative_layout .figure-caption h5, .o_colored_level .o_figure_relative_layout .figure-caption h5, .bg-primary h6, .o_colored_level .bg-primary h6, .bg-secondary h6, .o_colored_level .bg-secondary h6, .bg-success h6, .o_colored_level .bg-success h6, .bg-info h6, .o_colored_level .bg-info h6, .bg-warning h6, .o_colored_level .bg-warning h6, .bg-danger h6, .o_colored_level .bg-danger h6, .bg-light h6, .o_colored_level .bg-light h6, .bg-dark h6, .o_colored_level .bg-dark h6, .bg-100 h6, .o_colored_level .bg-100 h6, .bg-200 h6, .o_colored_level .bg-200 h6, .bg-300 h6, .o_colored_level .bg-300 h6, .bg-400 h6, .o_colored_level .bg-400 h6, .bg-500 h6, .o_colored_level .bg-500 h6, .bg-600 h6, .o_colored_level .bg-600 h6, .bg-700 h6, .o_colored_level .bg-700 h6, .bg-800 h6, .o_colored_level .bg-800 h6, .bg-900 h6, .o_colored_level .bg-900 h6, .bg-white-85 h6, .o_colored_level .bg-white-85 h6, .bg-white-75 h6, .o_colored_level .bg-white-75 h6, .bg-white-50 h6, .o_colored_level .bg-white-50 h6, .bg-black-75 h6, .o_colored_level .bg-black-75 h6, .bg-black-50 h6, .o_colored_level .bg-black-50 h6, .bg-black h6, .o_colored_level .bg-black h6, .bg-white h6, .o_colored_level .bg-white h6, .card-body h6, .o_colored_level .card-body h6, .toast-body h6, .o_colored_level .toast-body h6, .o_cc1 h6, .o_footer .s_popup h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h6, .o_colored_level .o_cc1 h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar h6, .o_cc2 h6, .o_colored_level .o_cc2 h6, .o_cc3 h6, .o_colored_level .o_cc3 h6, .o_cc4 h6, .o_colored_level .o_cc4 h6, .o_cc5 h6, .o_footer h6, .o_colored_level .o_cc5 h6, .o_colored_level .o_footer h6, .bg-o-color-1 h6, .o_colored_level .bg-o-color-1 h6, .bg-o-color-2 h6, .o_colored_level .bg-o-color-2 h6, .bg-o-color-3 h6, .o_colored_level .bg-o-color-3 h6, .bg-o-color-4 h6, .o_colored_level .bg-o-color-4 h6, .bg-o-color-5 h6, .o_colored_level .bg-o-color-5 h6, .navbar-light h6, .o_colored_level .navbar-light h6, .o_figure_relative_layout .figure-caption h6, .o_colored_level .o_figure_relative_layout .figure-caption h6{color: inherit;} /* /web/static/src/scss/utils.scss defined in bundle 'web.assets_frontend' */ .o_nocontent_help .o_empty_folder_image:before{content: ""; display: block; margin: auto; background-size: cover;}.o_nocontent_help .o_empty_folder_image:before{width: 120px; height: 80px; margin-top: 30px; margin-bottom: 30px; background: transparent url(/web/static/src/img/empty_folder.svg) no-repeat center;} /* /web/static/src/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */ /* /odex25_web/static/src/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */ /* /odex_backend_theme/static/src/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */ /* /web_editor/static/src/scss/web_editor.variables.scss defined in bundle 'web.assets_frontend' */ /* /mail/static/src/scss/variables.scss defined in bundle 'web.assets_frontend' */ /* /hr_org_chart/static/src/scss/variables.scss defined in bundle 'web.assets_frontend' */ /* /portal/static/src/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */ /* /website/static/src/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */ /* /website/static/src/scss/options/user_values.scss defined in bundle 'web.assets_frontend' */ /* /website/static/src/scss/options/colors/user_color_palette.custom.web.assets_common.scss defined in bundle 'web.assets_frontend' */ /* /website/static/src/scss/options/colors/user_theme_color_palette.scss defined in bundle 'web.assets_frontend' */ /* /website/static/src/snippets/s_badge/000_variables.scss defined in bundle 'web.assets_frontend' */ /* /website/static/src/snippets/s_product_list/000_variables.scss defined in bundle 'web.assets_frontend' */ /* /account/static/src/scss/variables.scss defined in bundle 'web.assets_frontend' */ @keyframes animate-red{0%{color: red;}100%{color: inherit;}}.animate{animation: animate-red 1s ease;} /* /website/static/src/scss/secondary_variables.scss defined in bundle 'web.assets_frontend' */ /* /web_editor/static/src/scss/secondary_variables.scss defined in bundle 'web.assets_frontend' */ /* /odex25_web/static/src/scss/secondary_variables.scss defined in bundle 'web.assets_frontend' */ /* /web/static/src/scss/secondary_variables.scss defined in bundle 'web.assets_frontend' */ /* /website/static/src/scss/user_custom_bootstrap_overridden.scss defined in bundle 'web.assets_frontend' */ /* /website/static/src/scss/bootstrap_overridden.scss defined in bundle 'web.assets_frontend' */ /* /portal/static/src/scss/bootstrap_overridden.scss defined in bundle 'web.assets_frontend' */ /* /web_editor/static/src/scss/bootstrap_overridden.scss defined in bundle 'web.assets_frontend' */ /* /web/static/src/scss/bootstrap_overridden_frontend.scss defined in bundle 'web.assets_frontend' */ /* /web/static/lib/bootstrap/scss/_variables.scss defined in bundle 'web.assets_frontend' */ /* /web/static/src/scss/import_bootstrap.scss defined in bundle 'web.assets_frontend' */ :root{--blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #FFFFFF; --gray: #6C757D; --gray-dark: #343A40; --o-cc5-btn-secondary: #F6F6F6; --o-cc5-headings: #FFFFFF; --o-cc5-bg: #383E45; --o-cc4-btn-secondary: #F6F6F6; --o-cc4-btn-primary: #383E45; --o-cc4-link: #383E45; --o-cc4-bg: #137DC5; --o-cc3-btn-secondary: #F6F6F6; --o-cc3-bg: #383E45; --o-cc2-headings: #137DC5; --o-cc2-bg: #F6F6F6; --o-cc1-bg: #FFFFFF; --copyright: rgba(0, 0, 0, 0.15); --footer: #383E45; --header-boxed: #E9ECEF; --menu-border-color: ; --menu: #137DC5; --body: white; --o-color-5: #383E45; --o-color-4: #FFFFFF; --o-color-3: #F6F6F6; --o-color-2: #383E45; --o-color-1: #137DC5; --primary: #137DC5; --secondary: #383E45; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f7f7f8; --dark: #191a1a; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Roboto", "Odoo Unicode Support Noto", sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}*, *::before, *::after{box-sizing: border-box;}html{font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{display: block;}body{margin: 0; font-family: "Roboto", "Odoo Unicode Support Noto", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: right; background-color: #FFFFFF;}[tabindex="-1"]:focus{outline: 0 !important;}hr{box-sizing: content-box; height: 0; overflow: visible;}h1, h2, h3, h4, h5, h6{margin-top: 0; margin-bottom: 0.5rem;}p{margin-top: 0; margin-bottom: 1rem;}abbr[title], abbr[data-original-title]{text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none;}address{margin-bottom: 1rem; font-style: normal; line-height: inherit;}ol, ul, dl{margin-top: 0; margin-bottom: 1rem;}ol ol, ul ul, ol ul, ul ol{margin-bottom: 0;}dt{font-weight: 700;}dd{margin-bottom: .5rem; margin-right: 0;}blockquote{margin: 0 0 1rem;}b, strong{font-weight: bolder;}small{font-size: 80%;}sub, sup{position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}sub{bottom: -.25em;}sup{top: -.5em;}a{color: #0f5f96; text-decoration: none; background-color: transparent;}a:hover{color: #083351; text-decoration: underline;}a:not([href]):not([tabindex]){color: inherit; text-decoration: none;}a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus{color: inherit; text-decoration: none;}a:not([href]):not([tabindex]):focus{outline: 0;}pre, code, kbd, samp{font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em;}pre{margin-top: 0; margin-bottom: 1rem; overflow: auto;}figure{margin: 0 0 1rem;}img{vertical-align: middle; border-style: none;}svg{overflow: hidden; vertical-align: middle;}table{border-collapse: collapse;}caption{padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgba(33, 37, 41, 0.7); text-align: right; caption-side: bottom;}th{text-align: inherit;}label{display: inline-block; margin-bottom: 0.5rem;}button{border-radius: 0;}button:focus{outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}input, button, select, optgroup, textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}button, input{overflow: visible;}button, select{text-transform: none;}select{word-wrap: normal;}button, [type="button"], [type="reset"], [type="submit"]{-webkit--webkit-appearance: button; -moz-appearance: button; appearance: button;}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;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{padding: 0; border-style: none;}input[type="radio"], input[type="checkbox"]{box-sizing: border-box; padding: 0;}input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{-webkit--webkit-appearance: listbox; -moz-appearance: listbox; appearance: listbox;}textarea{overflow: auto; resize: vertical;}fieldset{min-width: 0; padding: 0; margin: 0; border: 0;}legend{display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal;}@media (max-width: 1200px){legend{font-size: calc(1.275rem + 0.3vw) ;}}progress{vertical-align: baseline;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height: auto;}[type="search"]{outline-offset: -2px; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none;}[type="search"]::-webkit-search-decoration{-webkit--webkit-appearance: none; -moz-appearance: none; appearance: none;}::-webkit-file-upload-button{font: inherit; -webkit--webkit-appearance: button; -moz-appearance: button; appearance: button;}output{display: inline-block;}summary{display: list-item; cursor: pointer;}template{display: none;}[hidden]{display: none !important;}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin-bottom: 0.5rem; font-family: "Source Sans Pro", "Odoo Unicode Support Noto", sans-serif; font-weight: 500; line-height: 1.2;}h1, .h1{font-size: 2.5rem;}@media (max-width: 1200px){h1, .h1{font-size: calc(1.375rem + 1.5vw) ;}}h2, .h2{font-size: 2rem;}@media (max-width: 1200px){h2, .h2{font-size: calc(1.325rem + 0.9vw) ;}}h3, .h3{font-size: 1.75rem;}@media (max-width: 1200px){h3, .h3{font-size: calc(1.3rem + 0.6vw) ;}}h4, .h4{font-size: 1.5rem;}@media (max-width: 1200px){h4, .h4{font-size: calc(1.275rem + 0.3vw) ;}}h5, .h5{font-size: 1.25rem;}h6, .h6{font-size: 1rem;}.lead{font-size: 1.25rem; font-weight: 300;}.display-1{font-size: 6rem; font-weight: 300; line-height: 1.2;}@media (max-width: 1200px){.display-1{font-size: calc(1.725rem + 5.7vw) ;}}.display-2{font-size: 5.5rem; font-weight: 300; line-height: 1.2;}@media (max-width: 1200px){.display-2{font-size: calc(1.675rem + 5.1vw) ;}}.display-3{font-size: 4.5rem; font-weight: 300; line-height: 1.2;}@media (max-width: 1200px){.display-3{font-size: calc(1.575rem + 3.9vw) ;}}.display-4{font-size: 3.5rem; font-weight: 300; line-height: 1.2;}@media (max-width: 1200px){.display-4{font-size: calc(1.475rem + 2.7vw) ;}}hr{margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}small, .small{font-size: 80%; font-weight: 400;}mark, .mark{padding: 0.2em; background-color: #fcf8e3;}.list-unstyled{padding-right: 0; list-style: none;}.list-inline{padding-right: 0; list-style: none;}.list-inline-item{display: inline-block;}.list-inline-item:not(:last-child){margin-left: 0.5rem;}.initialism{font-size: 90%; text-transform: uppercase;}.blockquote{margin-bottom: 1rem; font-size: 1.25rem;}.blockquote-footer{display: block; font-size: 80%; color: inherit;}.blockquote-footer::before{content: "\2014\00A0";}.img-fluid{max-width: 100%; height: auto;}.img-thumbnail{padding: 0.25rem; background-color: #FFFFFF; border: 1px solid #DEE2E6; border-radius: 0.25rem; max-width: 100%; height: auto;}.figure{display: inline-block;}.figure-img{margin-bottom: 0.5rem; line-height: 1;}.figure-caption{font-size: 90%; color: inherit;}code{font-size: 87.5%; color: #e83e8c; word-break: break-word;}a > code{color: inherit;}kbd{padding: 0.2rem 0.4rem; font-size: 87.5%; color: #FFFFFF; background-color: #212529; border-radius: 0.2rem;}kbd kbd{padding: 0; font-size: 100%; font-weight: 700;}pre{display: block; font-size: 87.5%; color: #212529;}pre code{font-size: inherit; color: inherit; word-break: normal;}.pre-scrollable{max-height: 340px; overflow-y: scroll;}.container, .o_container_small{width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}@media (min-width: 576px){.container, .o_container_small{max-width: 540px;}}@media (min-width: 768px){.container, .o_container_small{max-width: 720px;}}@media (min-width: 992px){.container, .o_container_small{max-width: 960px;}}@media (min-width: 1200px){.container, .o_container_small{max-width: 1140px;}}.container-fluid{width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}.row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}.no-gutters{margin-left: 0; margin-right: 0;}.no-gutters > .col, .no-gutters > [class*="col-"]{padding-left: 0; padding-right: 0;}.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{position: relative; width: 100%; padding-left: 15px; padding-right: 15px;}.col{flex-basis: 0; flex-grow: 1; max-width: 100%;}.col-auto{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-1{flex: 0 0 8.33333333%; max-width: 8.33333333%;}.col-2{flex: 0 0 16.66666667%; max-width: 16.66666667%;}.col-3{flex: 0 0 25%; max-width: 25%;}.col-4{flex: 0 0 33.33333333%; max-width: 33.33333333%;}.col-5{flex: 0 0 41.66666667%; max-width: 41.66666667%;}.col-6{flex: 0 0 50%; max-width: 50%;}.col-7{flex: 0 0 58.33333333%; max-width: 58.33333333%;}.col-8{flex: 0 0 66.66666667%; max-width: 66.66666667%;}.col-9{flex: 0 0 75%; max-width: 75%;}.col-10{flex: 0 0 83.33333333%; max-width: 83.33333333%;}.col-11{flex: 0 0 91.66666667%; max-width: 91.66666667%;}.col-12{flex: 0 0 100%; max-width: 100%;}.order-first{order: -1;}.order-last{order: 13;}.order-0{order: 0;}.order-1{order: 1;}.order-2{order: 2;}.order-3{order: 3;}.order-4{order: 4;}.order-5{order: 5;}.order-6{order: 6;}.order-7{order: 7;}.order-8{order: 8;}.order-9{order: 9;}.order-10{order: 10;}.order-11{order: 11;}.order-12{order: 12;}.offset-1{margin-right: 8.33333333%;}.offset-2{margin-right: 16.66666667%;}.offset-3{margin-right: 25%;}.offset-4{margin-right: 33.33333333%;}.offset-5{margin-right: 41.66666667%;}.offset-6{margin-right: 50%;}.offset-7{margin-right: 58.33333333%;}.offset-8{margin-right: 66.66666667%;}.offset-9{margin-right: 75%;}.offset-10{margin-right: 83.33333333%;}.offset-11{margin-right: 91.66666667%;}@media (min-width: 576px){.col-sm{flex-basis: 0; flex-grow: 1; max-width: 100%;}.col-sm-auto{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-sm-1{flex: 0 0 8.33333333%; max-width: 8.33333333%;}.col-sm-2{flex: 0 0 16.66666667%; max-width: 16.66666667%;}.col-sm-3{flex: 0 0 25%; max-width: 25%;}.col-sm-4{flex: 0 0 33.33333333%; max-width: 33.33333333%;}.col-sm-5{flex: 0 0 41.66666667%; max-width: 41.66666667%;}.col-sm-6{flex: 0 0 50%; max-width: 50%;}.col-sm-7{flex: 0 0 58.33333333%; max-width: 58.33333333%;}.col-sm-8{flex: 0 0 66.66666667%; max-width: 66.66666667%;}.col-sm-9{flex: 0 0 75%; max-width: 75%;}.col-sm-10{flex: 0 0 83.33333333%; max-width: 83.33333333%;}.col-sm-11{flex: 0 0 91.66666667%; max-width: 91.66666667%;}.col-sm-12{flex: 0 0 100%; max-width: 100%;}.order-sm-first{order: -1;}.order-sm-last{order: 13;}.order-sm-0{order: 0;}.order-sm-1{order: 1;}.order-sm-2{order: 2;}.order-sm-3{order: 3;}.order-sm-4{order: 4;}.order-sm-5{order: 5;}.order-sm-6{order: 6;}.order-sm-7{order: 7;}.order-sm-8{order: 8;}.order-sm-9{order: 9;}.order-sm-10{order: 10;}.order-sm-11{order: 11;}.order-sm-12{order: 12;}.offset-sm-0{margin-right: 0;}.offset-sm-1{margin-right: 8.33333333%;}.offset-sm-2{margin-right: 16.66666667%;}.offset-sm-3{margin-right: 25%;}.offset-sm-4{margin-right: 33.33333333%;}.offset-sm-5{margin-right: 41.66666667%;}.offset-sm-6{margin-right: 50%;}.offset-sm-7{margin-right: 58.33333333%;}.offset-sm-8{margin-right: 66.66666667%;}.offset-sm-9{margin-right: 75%;}.offset-sm-10{margin-right: 83.33333333%;}.offset-sm-11{margin-right: 91.66666667%;}}@media (min-width: 768px){.col-md{flex-basis: 0; flex-grow: 1; max-width: 100%;}.col-md-auto{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-md-1{flex: 0 0 8.33333333%; max-width: 8.33333333%;}.col-md-2{flex: 0 0 16.66666667%; max-width: 16.66666667%;}.col-md-3{flex: 0 0 25%; max-width: 25%;}.col-md-4{flex: 0 0 33.33333333%; max-width: 33.33333333%;}.col-md-5{flex: 0 0 41.66666667%; max-width: 41.66666667%;}.col-md-6{flex: 0 0 50%; max-width: 50%;}.col-md-7{flex: 0 0 58.33333333%; max-width: 58.33333333%;}.col-md-8{flex: 0 0 66.66666667%; max-width: 66.66666667%;}.col-md-9{flex: 0 0 75%; max-width: 75%;}.col-md-10{flex: 0 0 83.33333333%; max-width: 83.33333333%;}.col-md-11{flex: 0 0 91.66666667%; max-width: 91.66666667%;}.col-md-12{flex: 0 0 100%; max-width: 100%;}.order-md-first{order: -1;}.order-md-last{order: 13;}.order-md-0{order: 0;}.order-md-1{order: 1;}.order-md-2{order: 2;}.order-md-3{order: 3;}.order-md-4{order: 4;}.order-md-5{order: 5;}.order-md-6{order: 6;}.order-md-7{order: 7;}.order-md-8{order: 8;}.order-md-9{order: 9;}.order-md-10{order: 10;}.order-md-11{order: 11;}.order-md-12{order: 12;}.offset-md-0{margin-right: 0;}.offset-md-1{margin-right: 8.33333333%;}.offset-md-2{margin-right: 16.66666667%;}.offset-md-3{margin-right: 25%;}.offset-md-4{margin-right: 33.33333333%;}.offset-md-5{margin-right: 41.66666667%;}.offset-md-6{margin-right: 50%;}.offset-md-7{margin-right: 58.33333333%;}.offset-md-8{margin-right: 66.66666667%;}.offset-md-9{margin-right: 75%;}.offset-md-10{margin-right: 83.33333333%;}.offset-md-11{margin-right: 91.66666667%;}}@media (min-width: 992px){.col-lg{flex-basis: 0; flex-grow: 1; max-width: 100%;}.col-lg-auto{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-lg-1{flex: 0 0 8.33333333%; max-width: 8.33333333%;}.col-lg-2{flex: 0 0 16.66666667%; max-width: 16.66666667%;}.col-lg-3{flex: 0 0 25%; max-width: 25%;}.col-lg-4{flex: 0 0 33.33333333%; max-width: 33.33333333%;}.col-lg-5{flex: 0 0 41.66666667%; max-width: 41.66666667%;}.col-lg-6{flex: 0 0 50%; max-width: 50%;}.col-lg-7{flex: 0 0 58.33333333%; max-width: 58.33333333%;}.col-lg-8{flex: 0 0 66.66666667%; max-width: 66.66666667%;}.col-lg-9{flex: 0 0 75%; max-width: 75%;}.col-lg-10{flex: 0 0 83.33333333%; max-width: 83.33333333%;}.col-lg-11{flex: 0 0 91.66666667%; max-width: 91.66666667%;}.col-lg-12{flex: 0 0 100%; max-width: 100%;}.order-lg-first{order: -1;}.order-lg-last{order: 13;}.order-lg-0{order: 0;}.order-lg-1{order: 1;}.order-lg-2{order: 2;}.order-lg-3{order: 3;}.order-lg-4{order: 4;}.order-lg-5{order: 5;}.order-lg-6{order: 6;}.order-lg-7{order: 7;}.order-lg-8{order: 8;}.order-lg-9{order: 9;}.order-lg-10{order: 10;}.order-lg-11{order: 11;}.order-lg-12{order: 12;}.offset-lg-0{margin-right: 0;}.offset-lg-1{margin-right: 8.33333333%;}.offset-lg-2{margin-right: 16.66666667%;}.offset-lg-3{margin-right: 25%;}.offset-lg-4{margin-right: 33.33333333%;}.offset-lg-5{margin-right: 41.66666667%;}.offset-lg-6{margin-right: 50%;}.offset-lg-7{margin-right: 58.33333333%;}.offset-lg-8{margin-right: 66.66666667%;}.offset-lg-9{margin-right: 75%;}.offset-lg-10{margin-right: 83.33333333%;}.offset-lg-11{margin-right: 91.66666667%;}}@media (min-width: 1200px){.col-xl{flex-basis: 0; flex-grow: 1; max-width: 100%;}.col-xl-auto{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;}.col-xl-1{flex: 0 0 8.33333333%; max-width: 8.33333333%;}.col-xl-2{flex: 0 0 16.66666667%; max-width: 16.66666667%;}.col-xl-3{flex: 0 0 25%; max-width: 25%;}.col-xl-4{flex: 0 0 33.33333333%; max-width: 33.33333333%;}.col-xl-5{flex: 0 0 41.66666667%; max-width: 41.66666667%;}.col-xl-6{flex: 0 0 50%; max-width: 50%;}.col-xl-7{flex: 0 0 58.33333333%; max-width: 58.33333333%;}.col-xl-8{flex: 0 0 66.66666667%; max-width: 66.66666667%;}.col-xl-9{flex: 0 0 75%; max-width: 75%;}.col-xl-10{flex: 0 0 83.33333333%; max-width: 83.33333333%;}.col-xl-11{flex: 0 0 91.66666667%; max-width: 91.66666667%;}.col-xl-12{flex: 0 0 100%; max-width: 100%;}.order-xl-first{order: -1;}.order-xl-last{order: 13;}.order-xl-0{order: 0;}.order-xl-1{order: 1;}.order-xl-2{order: 2;}.order-xl-3{order: 3;}.order-xl-4{order: 4;}.order-xl-5{order: 5;}.order-xl-6{order: 6;}.order-xl-7{order: 7;}.order-xl-8{order: 8;}.order-xl-9{order: 9;}.order-xl-10{order: 10;}.order-xl-11{order: 11;}.order-xl-12{order: 12;}.offset-xl-0{margin-right: 0;}.offset-xl-1{margin-right: 8.33333333%;}.offset-xl-2{margin-right: 16.66666667%;}.offset-xl-3{margin-right: 25%;}.offset-xl-4{margin-right: 33.33333333%;}.offset-xl-5{margin-right: 41.66666667%;}.offset-xl-6{margin-right: 50%;}.offset-xl-7{margin-right: 58.33333333%;}.offset-xl-8{margin-right: 66.66666667%;}.offset-xl-9{margin-right: 75%;}.offset-xl-10{margin-right: 83.33333333%;}.offset-xl-11{margin-right: 91.66666667%;}}.table{width: 100%; margin-bottom: 1rem;}.table th, .table td{padding: 0.75rem; vertical-align: top; border-top: 1px solid #DEE2E6;}.table thead th{vertical-align: bottom; border-bottom: 2px solid #DEE2E6;}.table tbody + tbody{border-top: 2px solid #DEE2E6;}.table-sm th, .table-sm td{padding: 0.3rem;}.table-bordered{border: 1px solid #DEE2E6;}.table-bordered th, .table-bordered td{border: 1px solid #DEE2E6;}.table-bordered thead th, .table-bordered thead td{border-bottom-width: 2px;}.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody{border: 0;}.table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.05);}.table-hover tbody tr:hover{background-color: rgba(0, 0, 0, 0.075);}.table-primary, .table-primary > th, .table-primary > td{background-color: #bddbef;}.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody{border-color: #84bbe1;}.table-hover .table-primary:hover{background-color: #a8d0ea;}.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th{background-color: #a8d0ea;}.table-secondary, .table-secondary > th, .table-secondary > td{background-color: #c7c9cb;}.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody{border-color: #989b9e;}.table-hover .table-secondary:hover{background-color: #babcbf;}.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th{background-color: #babcbf;}.table-success, .table-success > th, .table-success > td{background-color: #c3e6cb;}.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody{border-color: #8fd19e;}.table-hover .table-success:hover{background-color: #b1dfbb;}.table-hover .table-success:hover > td, .table-hover .table-success:hover > th{background-color: #b1dfbb;}.table-info, .table-info > th, .table-info > td{background-color: #bee5eb;}.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody{border-color: #86cfda;}.table-hover .table-info:hover{background-color: #abdde5;}.table-hover .table-info:hover > td, .table-hover .table-info:hover > th{background-color: #abdde5;}.table-warning, .table-warning > th, .table-warning > td{background-color: #ffeeba;}.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody{border-color: #ffdf7e;}.table-hover .table-warning:hover{background-color: #ffe8a1;}.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th{background-color: #ffe8a1;}.table-danger, .table-danger > th, .table-danger > td{background-color: #f5c6cb;}.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody{border-color: #ed969e;}.table-hover .table-danger:hover{background-color: #f1b0b7;}.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th{background-color: #f1b0b7;}.table-light, .table-light > th, .table-light > td{background-color: #fdfdfd;}.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody{border-color: #fbfbfb;}.table-hover .table-light:hover{background-color: #f0f0f0;}.table-hover .table-light:hover > td, .table-hover .table-light:hover > th{background-color: #f0f0f0;}.table-dark, .table-dark > th, .table-dark > td{background-color: #bfbfbf;}.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody{border-color: #878888;}.table-hover .table-dark:hover{background-color: #b2b2b2;}.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th{background-color: #b2b2b2;}.table-active, .table-active > th, .table-active > td{background-color: rgba(0, 0, 0, 0.075);}.table-hover .table-active:hover{background-color: rgba(0, 0, 0, 0.075);}.table-hover .table-active:hover > td, .table-hover .table-active:hover > th{background-color: rgba(0, 0, 0, 0.075);}.table .thead-dark th{color: #FFFFFF; background-color: #343A40; border-color: #454d55;}.table .thead-light th{color: #495057; background-color: #E9ECEF; border-color: #DEE2E6;}.table-dark{color: #FFFFFF; background-color: #343A40;}.table-dark th, .table-dark td, .table-dark thead th{border-color: #454d55;}.table-dark.table-bordered{border: 0;}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color: rgba(255, 255, 255, 0.05);}.table-dark.table-hover tbody tr:hover{color: #FFFFFF; background-color: rgba(255, 255, 255, 0.075);}@media (max-width: 575.98px){.table-responsive-sm{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}.table-responsive-sm > .table-bordered{border: 0;}}@media (max-width: 767.98px){.table-responsive-md{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}.table-responsive-md > .table-bordered{border: 0;}}@media (max-width: 991.98px){.table-responsive-lg{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}.table-responsive-lg > .table-bordered{border: 0;}}@media (max-width: 1199.98px){.table-responsive-xl{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}.table-responsive-xl > .table-bordered{border: 0;}}.table-responsive{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}.table-responsive > .table-bordered{border: 0;}.form-control{display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #CED4DA; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){.form-control{transition: none;}}.form-control::-ms-expand{background-color: transparent; border: 0;}.form-control:focus{color: #495057; background-color: #FFFFFF; border-color: #67b9f0; outline: 0; box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.form-control::placeholder{color: #6C757D; opacity: 1;}.form-control:disabled, .form-control.o_wysiwyg_loader, .form-control[readonly]{background-color: #E9ECEF; opacity: 1;}select.form-control:focus::-ms-value{color: #495057; background-color: #FFFFFF;}.form-control-file, .form-control-range{display: block; width: 100%;}.col-form-label{padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5;}.col-form-label-lg{padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5;}.col-form-label-sm{padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.75rem; line-height: 1.5;}.form-control-plaintext{display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0;}.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg{padding-left: 0; padding-right: 0;}.form-control-sm{height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem;}.form-control-lg{height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;}select.form-control[size], select.form-control[multiple]{height: auto;}textarea.form-control{height: auto;}.form-group{margin-bottom: 1rem;}.form-text{display: block; margin-top: 0.25rem;}.form-row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px;}.form-row > .col, .form-row > [class*="col-"]{padding-left: 5px; padding-right: 5px;}.form-check{position: relative; display: block; padding-right: 1.25rem;}.form-check-input{position: absolute; margin-top: 0.3rem; margin-right: -1.25rem;}.form-check-input:disabled ~ .form-check-label, .form-check-input.o_wysiwyg_loader ~ .form-check-label{color: rgba(33, 37, 41, 0.7);}.form-check-label{margin-bottom: 0;}.form-check-inline{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; padding-right: 0; margin-left: 0.75rem;}.form-check-inline .form-check-input{position: static; margin-top: 0; margin-left: 0.3125rem; margin-right: 0;}.valid-feedback{display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745;}.valid-tooltip{position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.5; color: #FFFFFF; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem;}.was-validated .form-control:valid, .form-control.is-valid{border-color: #28a745; padding-left: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center left calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}.was-validated .form-control:valid:focus, .form-control.is-valid:focus{border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);}.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip{display: block;}.was-validated textarea.form-control:valid, textarea.form-control.is-valid{padding-left: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);}.was-validated .custom-select:valid, .custom-select.is-valid{border-color: #28a745; padding-left: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343A40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #FFFFFF no-repeat center left 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus{border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);}.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip{display: block;}.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip{display: block;}.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{color: #28a745;}.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip{display: block;}.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label{color: #28a745;}.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before{border-color: #28a745;}.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip{display: block;}.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before{border-color: #34ce57; background-color: #34ce57;}.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before{box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);}.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before{border-color: #28a745;}.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label{border-color: #28a745;}.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip{display: block;}.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label{border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);}.invalid-feedback{display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545;}.invalid-tooltip{position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.5; color: #FFFFFF; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem;}.was-validated .form-control:invalid, .form-control.is-invalid{border-color: #dc3545; padding-left: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center left calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip{display: block;}.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid{padding-left: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);}.was-validated .custom-select:invalid, .custom-select.is-invalid{border-color: #dc3545; padding-left: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343A40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #FFFFFF no-repeat center left 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);}.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus{border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip{display: block;}.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip{display: block;}.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label{color: #dc3545;}.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip{display: block;}.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label{color: #dc3545;}.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before{border-color: #dc3545;}.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip{display: block;}.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before{border-color: #e4606d; background-color: #e4606d;}.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before{box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before{border-color: #dc3545;}.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label{border-color: #dc3545;}.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip{display: block;}.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label{border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}.form-inline{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: center;}.form-inline .form-check{width: 100%;}@media (min-width: 576px){.form-inline label{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin-bottom: 0;}.form-inline .form-group{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: center; margin-bottom: 0;}.form-inline .form-control{display: inline-block; width: auto; vertical-align: middle;}.form-inline .form-control-plaintext{display: inline-block;}.form-inline .input-group, .form-inline .custom-select{width: auto;}.form-inline .form-check{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: auto; padding-right: 0;}.form-inline .form-check-input{position: relative; flex-shrink: 0; margin-top: 0; margin-left: 0.25rem; margin-right: 0;}.form-inline .custom-control{align-items: center; justify-content: center;}.form-inline .custom-control-label{margin-bottom: 0;}}.btn{display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; 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;}@media (prefers-reduced-motion: reduce){.btn{transition: none;}}.btn:hover{color: #212529; text-decoration: none;}.btn:focus, .btn.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.btn.disabled, .btn:disabled, .btn.o_wysiwyg_loader{opacity: 0.65;}a.btn.disabled, fieldset:disabled a.btn, fieldset.o_wysiwyg_loader a.btn{pointer-events: none;}.btn-link{font-weight: 400; color: #0f5f96; text-decoration: none;}.btn-link:hover{color: #083351; text-decoration: underline;}.btn-link:focus, .btn-link.focus{text-decoration: underline; box-shadow: none;}.btn-link:disabled, .btn-link.o_wysiwyg_loader, .btn-link.disabled{color: #6C757D; pointer-events: none;}.btn-lg, .btn-group-lg > .btn{padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;}.btn-sm, .btn-group-sm > .btn{padding: 0.0625rem 0.3125rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem;}.btn-block{display: block; width: 100%;}.btn-block + .btn-block{margin-top: 0.5rem;}input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block{width: 100%;}.fade{transition: opacity 0.15s linear;}@media (prefers-reduced-motion: reduce){.fade{transition: none;}}.fade:not(.show){opacity: 0;}.collapse:not(.show){display: none;}.collapsing{position: relative; height: 0; overflow: hidden; transition: height 0.35s ease;}@media (prefers-reduced-motion: reduce){.collapsing{transition: none;}}.dropup, .dropright, .dropdown, .dropleft{position: relative;}.dropdown-toggle{white-space: nowrap;}.dropdown-toggle::after{display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-left: 0.3em solid transparent; border-bottom: 0; border-right: 0.3em solid transparent;}.dropdown-toggle:empty::after{margin-right: 0;}.dropdown-menu{position: absolute; top: 100%; right: 0; z-index: 1000; display: none; float: right; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: right; list-style: none; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem;}.dropdown-menu-left{left: auto; right: 0;}.dropdown-menu-right{left: 0; right: auto;}@media (min-width: 576px){.dropdown-menu-sm-left{left: auto; right: 0;}.dropdown-menu-sm-right{left: 0; right: auto;}}@media (min-width: 768px){.dropdown-menu-md-left{left: auto; right: 0;}.dropdown-menu-md-right{left: 0; right: auto;}}@media (min-width: 992px){.dropdown-menu-lg-left{left: auto; right: 0;}.dropdown-menu-lg-right{left: 0; right: auto;}}@media (min-width: 1200px){.dropdown-menu-xl-left{left: auto; right: 0;}.dropdown-menu-xl-right{left: 0; right: auto;}}.dropup .dropdown-menu{top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem;}.dropup .dropdown-toggle::after{display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-left: 0.3em solid transparent; border-bottom: 0.3em solid; border-right: 0.3em solid transparent;}.dropup .dropdown-toggle:empty::after{margin-right: 0;}.dropright .dropdown-menu{top: 0; left: auto; right: 100%; margin-top: 0; margin-right: 0.125rem;}.dropright .dropdown-toggle::after{display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-left: 0; border-bottom: 0.3em solid transparent; border-right: 0.3em solid;}.dropright .dropdown-toggle:empty::after{margin-right: 0;}.dropright .dropdown-toggle::after{vertical-align: 0;}.dropleft .dropdown-menu{top: 0; left: 100%; right: auto; margin-top: 0; margin-left: 0.125rem;}.dropleft .dropdown-toggle::after{display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: "";}.dropleft .dropdown-toggle::after{display: none;}.dropleft .dropdown-toggle::before{display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-left: 0.3em solid; border-bottom: 0.3em solid transparent;}.dropleft .dropdown-toggle:empty::after{margin-right: 0;}.dropleft .dropdown-toggle::before{vertical-align: 0;}.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"]{left: auto; bottom: auto;}.dropdown-divider{height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #E9ECEF;}.dropdown-item{display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;}.dropdown-item:hover, .dropdown-item:focus{color: #16181b; text-decoration: none; background-color: #F8F9FA;}.dropdown-item.active, .dropdown-item:active{color: #FFFFFF; text-decoration: none; background-color: #137DC5;}.dropdown-item.disabled, .dropdown-item:disabled, .dropdown-item.o_wysiwyg_loader{color: #6C757D; pointer-events: none; background-color: transparent;}.dropdown-menu.show{display: block;}.dropdown-header{display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.75rem; color: #6C757D; white-space: nowrap;}.dropdown-item-text{display: block; padding: 0.25rem 1.5rem; color: #212529;}.btn-group, .btn-group-vertical{position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; vertical-align: middle;}.btn-group > .btn, .btn-group-vertical > .btn{position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}.btn-group > .btn:hover, .btn-group-vertical > .btn:hover{z-index: 1;}.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active{z-index: 1;}.btn-toolbar{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start;}.btn-toolbar .input-group{width: auto;}.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child){margin-right: -1px;}.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn{border-top-left-radius: 0; border-bottom-left-radius: 0;}.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn{border-top-right-radius: 0; border-bottom-right-radius: 0;}.dropdown-toggle-split{padding-left: 0.5625rem; padding-right: 0.5625rem;}.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after{margin-right: 0;}.dropleft .dropdown-toggle-split::before{margin-left: 0;}.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split{padding-left: 0.234375rem; padding-right: 0.234375rem;}.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split{padding-left: 0.75rem; padding-right: 0.75rem;}.btn-group-vertical{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; justify-content: center;}.btn-group-vertical > .btn, .btn-group-vertical > .btn-group{width: 100%;}.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child){margin-top: -1px;}.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn{border-top-right-radius: 0; border-top-left-radius: 0;}.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn{margin-bottom: 0;}.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"]{position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}.input-group{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; width: 100%;}.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file{position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0;}.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file{margin-right: -1px;}.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label{z-index: 3;}.input-group > .custom-file .custom-file-input:focus{z-index: 4;}.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child){border-top-left-radius: 0; border-bottom-left-radius: 0;}.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child){border-top-right-radius: 0; border-bottom-right-radius: 0;}.input-group > .custom-file{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after{border-top-left-radius: 0; border-bottom-left-radius: 0;}.input-group > .custom-file:not(:first-child) .custom-file-label{border-top-right-radius: 0; border-bottom-right-radius: 0;}.input-group-prepend, .input-group-append{display: -webkit-box; display: -webkit-flex; display: flex;}.input-group-prepend .btn, .input-group-append .btn{position: relative; z-index: 2;}.input-group-prepend .btn:focus, .input-group-append .btn:focus{z-index: 3;}.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn{margin-right: -1px;}.input-group-prepend{margin-left: -1px;}.input-group-append{margin-right: -1px;}.input-group-text{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #E9ECEF; border: 1px solid #CED4DA; border-radius: 0.25rem;}.input-group-text input[type="radio"], .input-group-text input[type="checkbox"]{margin-top: 0;}.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select{height: calc(1.5em + 1rem + 2px);}.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn{padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;}.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select{height: calc(1.5em + 0.5rem + 2px);}.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn{padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem;}.input-group-lg > .custom-select, .input-group-sm > .custom-select{padding-left: 1.75rem;}.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child){border-top-left-radius: 0; border-bottom-left-radius: 0;}.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child){border-top-right-radius: 0; border-bottom-right-radius: 0;}.custom-control{position: relative; display: block; min-height: 1.5rem; padding-right: 1.5rem;}.custom-control-inline{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; margin-left: 1rem;}.custom-control-input{position: absolute; z-index: -1; opacity: 0;}.custom-control-input:checked ~ .custom-control-label::before{color: #FFFFFF; border-color: #137DC5; background-color: #137DC5;}.custom-control-input:focus ~ .custom-control-label::before{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color: #67b9f0;}.custom-control-input:not(:disabled):not(.o_wysiwyg_loader):active ~ .custom-control-label::before{color: #FFFFFF; background-color: #96cef5; border-color: #96cef5;}.custom-control-input:disabled ~ .custom-control-label, .custom-control-input.o_wysiwyg_loader ~ .custom-control-label{color: #6C757D;}.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input.o_wysiwyg_loader ~ .custom-control-label::before{background-color: #E9ECEF;}.custom-control-label{position: relative; margin-bottom: 0; vertical-align: top;}.custom-control-label::before{position: absolute; top: 0.25rem; right: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #FFFFFF; border: #ADB5BD solid 1px;}.custom-control-label::after{position: absolute; top: 0.25rem; right: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%;}.custom-checkbox .custom-control-label::before{border-radius: 0.25rem;}.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{border-color: #137DC5; background-color: #137DC5;}.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e");}.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input.o_wysiwyg_loader:checked ~ .custom-control-label::before{background-color: rgba(19, 125, 197, 0.5);}.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before, .custom-checkbox .custom-control-input.o_wysiwyg_loader:indeterminate ~ .custom-control-label::before{background-color: rgba(19, 125, 197, 0.5);}.custom-radio .custom-control-label::before{border-radius: 50%;}.custom-radio .custom-control-input:checked ~ .custom-control-label::after{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='%23FFFFFF'/%3e%3c/svg%3e");}.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-radio .custom-control-input.o_wysiwyg_loader:checked ~ .custom-control-label::before{background-color: rgba(19, 125, 197, 0.5);}.custom-switch{padding-right: 2.25rem;}.custom-switch .custom-control-label::before{right: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem;}.custom-switch .custom-control-label::after{top: calc(0.25rem + 2px); right: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #ADB5BD; border-radius: 0.5rem; transition: transform 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;}@media (prefers-reduced-motion: reduce){.custom-switch .custom-control-label::after{transition: none;}}.custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color: #FFFFFF; transform: translateX(-0.75rem);}.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-switch .custom-control-input.o_wysiwyg_loader:checked ~ .custom-control-label::before{background-color: rgba(19, 125, 197, 0.5);}.custom-select{display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem 0.375rem 1.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343A40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 0.75rem center/8px 10px; background-color: #FFFFFF; border: 1px solid #CED4DA; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}.custom-select:focus{border-color: #67b9f0; outline: 0; box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.custom-select:focus::-ms-value{color: #495057; background-color: #FFFFFF;}.custom-select[multiple], .custom-select[size]:not([size="1"]){height: auto; padding-left: 0.75rem; background-image: none;}.custom-select:disabled, .custom-select.o_wysiwyg_loader{color: #6C757D; background-color: #E9ECEF;}.custom-select::-ms-expand{display: none;}.custom-select-sm{height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-right: 0.5rem; font-size: 0.75rem;}.custom-select-lg{height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 1rem; font-size: 1.25rem;}.custom-file{position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0;}.custom-file-input{position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0;}.custom-file-input:focus ~ .custom-file-label{border-color: #67b9f0; box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.custom-file-input:disabled ~ .custom-file-label, .custom-file-input.o_wysiwyg_loader ~ .custom-file-label{background-color: #E9ECEF;}.custom-file-input:lang(en) ~ .custom-file-label::after{content: "Browse";}.custom-file-input ~ .custom-file-label[data-browse]::after{content: attr(data-browse);}.custom-file-label{position: absolute; top: 0; left: 0; right: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FFFFFF; border: 1px solid #CED4DA; border-radius: 0.25rem;}.custom-file-label::after{position: absolute; top: 0; left: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #E9ECEF; border-right: inherit; border-radius: 0.25rem 0 0 0.25rem;}.custom-range{width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;}.custom-range:focus{outline: none;}.custom-range:focus::-webkit-slider-thumb{box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.custom-range:focus::-moz-range-thumb{box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.custom-range:focus::-ms-thumb{box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.custom-range::-moz-focus-outer{border: 0;}.custom-range::-webkit-slider-thumb{width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #137DC5; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none;}@media (prefers-reduced-motion: reduce){.custom-range::-webkit-slider-thumb{transition: none;}}.custom-range::-webkit-slider-thumb:active{background-color: #96cef5;}.custom-range::-webkit-slider-runnable-track{width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #DEE2E6; border-color: transparent; border-radius: 1rem;}.custom-range::-moz-range-thumb{width: 1rem; height: 1rem; background-color: #137DC5; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none;}@media (prefers-reduced-motion: reduce){.custom-range::-moz-range-thumb{transition: none;}}.custom-range::-moz-range-thumb:active{background-color: #96cef5;}.custom-range::-moz-range-track{width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #DEE2E6; border-color: transparent; border-radius: 1rem;}.custom-range::-ms-thumb{width: 1rem; height: 1rem; margin-top: 0; margin-left: 0.2rem; margin-right: 0.2rem; background-color: #137DC5; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none;}@media (prefers-reduced-motion: reduce){.custom-range::-ms-thumb{transition: none;}}.custom-range::-ms-thumb:active{background-color: #96cef5;}.custom-range::-ms-track{width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem;}.custom-range::-ms-fill-lower{background-color: #DEE2E6; border-radius: 1rem;}.custom-range::-ms-fill-upper{margin-left: 15px; background-color: #DEE2E6; border-radius: 1rem;}.custom-range:disabled::-webkit-slider-thumb, .custom-range.o_wysiwyg_loader::-webkit-slider-thumb{background-color: #ADB5BD;}.custom-range:disabled::-webkit-slider-runnable-track, .custom-range.o_wysiwyg_loader::-webkit-slider-runnable-track{cursor: default;}.custom-range:disabled::-moz-range-thumb, .custom-range.o_wysiwyg_loader::-moz-range-thumb{background-color: #ADB5BD;}.custom-range:disabled::-moz-range-track, .custom-range.o_wysiwyg_loader::-moz-range-track{cursor: default;}.custom-range:disabled::-ms-thumb, .custom-range.o_wysiwyg_loader::-ms-thumb{background-color: #ADB5BD;}.custom-control-label::before, .custom-file-label, .custom-select{transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}@media (prefers-reduced-motion: reduce){.custom-control-label::before, .custom-file-label, .custom-select{transition: none;}}.nav{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-right: 0; margin-bottom: 0; list-style: none;}.nav-link{display: block; padding: 0.5rem 1rem;}.nav-link:hover, .nav-link:focus{text-decoration: none;}.nav-link.disabled{color: #6C757D; pointer-events: none; cursor: default;}.nav-tabs{border-bottom: 1px solid #DEE2E6;}.nav-tabs .nav-item{margin-bottom: -1px;}.nav-tabs .nav-link{border: 1px solid transparent; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem;}.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border-color: #E9ECEF #E9ECEF #DEE2E6;}.nav-tabs .nav-link.disabled{color: #6C757D; background-color: transparent; border-color: transparent;}.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color: #495057; background-color: #FFFFFF; border-color: #DEE2E6 #DEE2E6 #FFFFFF;}.nav-tabs .dropdown-menu{margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0;}.nav-pills .nav-link{border-radius: 0.25rem;}.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: #FFFFFF; background-color: #137DC5;}.nav-fill .nav-item{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; text-align: center;}.nav-justified .nav-item{flex-basis: 0; flex-grow: 1; text-align: center;}.tab-content > .tab-pane{display: none;}.tab-content > .active{display: block;}.navbar{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem;}.navbar > .container, .navbar > .o_container_small, .navbar > .container-fluid{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between;}.navbar-brand{display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-left: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap;}.navbar-brand:hover, .navbar-brand:focus{text-decoration: none;}.navbar-nav{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-right: 0; margin-bottom: 0; list-style: none;}.navbar-nav .nav-link{padding-left: 0; padding-right: 0;}.navbar-nav .dropdown-menu{position: static; float: none;}.navbar-text{display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem;}.navbar-collapse{flex-basis: 100%; flex-grow: 1; align-items: center;}.navbar-toggler{padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem;}.navbar-toggler:hover, .navbar-toggler:focus{text-decoration: none;}.navbar-toggler-icon{display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%;}@media (max-width: 575.98px){.navbar-expand-sm > .container, .navbar-expand-sm > .o_container_small, .navbar-expand-sm > .container-fluid{padding-left: 0; padding-right: 0;}}@media (min-width: 576px){.navbar-expand-sm{-webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; justify-content: flex-start;}.navbar-expand-sm .navbar-nav{flex-direction: row;}.navbar-expand-sm .navbar-nav .dropdown-menu{position: absolute;}.navbar-expand-sm .navbar-nav .nav-link{padding-left: 0.5rem; padding-right: 0.5rem;}.navbar-expand-sm > .container, .navbar-expand-sm > .o_container_small, .navbar-expand-sm > .container-fluid{-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}.navbar-expand-sm .navbar-collapse{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto;}.navbar-expand-sm .navbar-toggler{display: none;}}@media (max-width: 767.98px){.navbar-expand-md > .container, .navbar-expand-md > .o_container_small, .navbar-expand-md > .container-fluid{padding-left: 0; padding-right: 0;}}@media (min-width: 768px){.navbar-expand-md{-webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; justify-content: flex-start;}.navbar-expand-md .navbar-nav{flex-direction: row;}.navbar-expand-md .navbar-nav .dropdown-menu{position: absolute;}.navbar-expand-md .navbar-nav .nav-link{padding-left: 0.5rem; padding-right: 0.5rem;}.navbar-expand-md > .container, .navbar-expand-md > .o_container_small, .navbar-expand-md > .container-fluid{-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}.navbar-expand-md .navbar-collapse{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto;}.navbar-expand-md .navbar-toggler{display: none;}}@media (max-width: 991.98px){.navbar-expand-lg > .container, .navbar-expand-lg > .o_container_small, .navbar-expand-lg > .container-fluid{padding-left: 0; padding-right: 0;}}@media (min-width: 992px){.navbar-expand-lg{-webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; justify-content: flex-start;}.navbar-expand-lg .navbar-nav{flex-direction: row;}.navbar-expand-lg .navbar-nav .dropdown-menu{position: absolute;}.navbar-expand-lg .navbar-nav .nav-link{padding-left: 0.5rem; padding-right: 0.5rem;}.navbar-expand-lg > .container, .navbar-expand-lg > .o_container_small, .navbar-expand-lg > .container-fluid{-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}.navbar-expand-lg .navbar-collapse{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto;}.navbar-expand-lg .navbar-toggler{display: none;}}@media (max-width: 1199.98px){.navbar-expand-xl > .container, .navbar-expand-xl > .o_container_small, .navbar-expand-xl > .container-fluid{padding-left: 0; padding-right: 0;}}@media (min-width: 1200px){.navbar-expand-xl{-webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; justify-content: flex-start;}.navbar-expand-xl .navbar-nav{flex-direction: row;}.navbar-expand-xl .navbar-nav .dropdown-menu{position: absolute;}.navbar-expand-xl .navbar-nav .nav-link{padding-left: 0.5rem; padding-right: 0.5rem;}.navbar-expand-xl > .container, .navbar-expand-xl > .o_container_small, .navbar-expand-xl > .container-fluid{-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}.navbar-expand-xl .navbar-collapse{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto;}.navbar-expand-xl .navbar-toggler{display: none;}}.navbar-expand{-webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; justify-content: flex-start;}.navbar-expand > .container, .navbar-expand > .o_container_small, .navbar-expand > .container-fluid{padding-left: 0; padding-right: 0;}.navbar-expand .navbar-nav{flex-direction: row;}.navbar-expand .navbar-nav .dropdown-menu{position: absolute;}.navbar-expand .navbar-nav .nav-link{padding-left: 0.5rem; padding-right: 0.5rem;}.navbar-expand > .container, .navbar-expand > .o_container_small, .navbar-expand > .container-fluid{-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}.navbar-expand .navbar-collapse{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; flex-basis: auto;}.navbar-expand .navbar-toggler{display: none;}.navbar-light .navbar-brand{color: rgba(0, 0, 0, 0.9);}.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus{color: rgba(0, 0, 0, 0.9);}.navbar-light .navbar-nav .nav-link{color: rgba(0, 0, 0, 0.5);}.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: rgba(0, 0, 0, 0.7);}.navbar-light .navbar-nav .nav-link.disabled{color: rgba(0, 0, 0, 0.3);}.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color: rgba(0, 0, 0, 0.9);}.navbar-light .navbar-toggler{color: rgba(0, 0, 0, 0.5); border-color: transparent;}.navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}.navbar-light .navbar-text{color: rgba(0, 0, 0, 0.5);}.navbar-light .navbar-text a{color: rgba(0, 0, 0, 0.9);}.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus{color: rgba(0, 0, 0, 0.9);}.navbar-dark .navbar-brand, .navbar-light .navbar-brand{color: #FFFFFF;}.navbar-dark .navbar-brand:hover, .navbar-light .navbar-brand:hover, .navbar-dark .navbar-brand:focus, .navbar-light .navbar-brand:focus{color: #FFFFFF;}.navbar-dark .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link{color: rgba(255, 255, 255, 0.5);}.navbar-dark .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:focus{color: rgba(255, 255, 255, 0.75);}.navbar-dark .navbar-nav .nav-link.disabled, .navbar-light .navbar-nav .nav-link.disabled{color: rgba(255, 255, 255, 0.25);}.navbar-dark .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active{color: #FFFFFF;}.navbar-dark .navbar-toggler, .navbar-light .navbar-toggler{color: rgba(255, 255, 255, 0.5); border-color: transparent;}.navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}.navbar-dark .navbar-text, .navbar-light .navbar-text{color: rgba(255, 255, 255, 0.5);}.navbar-dark .navbar-text a, .navbar-light .navbar-text a{color: #FFFFFF;}.navbar-dark .navbar-text a:hover, .navbar-light .navbar-text a:hover, .navbar-dark .navbar-text a:focus, .navbar-light .navbar-text a:focus{color: #FFFFFF;}.card{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #FFFFFF; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem;}.card > hr{margin-left: 0; margin-right: 0;}.card > .list-group:first-child .list-group-item:first-child{border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem;}.card > .list-group:last-child .list-group-item:last-child{border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}.card-body{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem;}.card-title{margin-bottom: 0.75rem;}.card-subtitle{margin-top: -0.375rem; margin-bottom: 0;}.card-text:last-child{margin-bottom: 0;}.card-link:hover{text-decoration: none;}.card-link + .card-link{margin-right: 1.25rem;}.card-header{padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125);}.card-header:first-child{border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;}.card-header + .list-group .list-group-item:first-child{border-top: 0;}.card-footer{padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125);}.card-footer:last-child{border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);}.card-header-tabs{margin-left: -0.625rem; margin-bottom: -0.75rem; margin-right: -0.625rem; border-bottom: 0;}.card-header-pills{margin-left: -0.625rem; margin-right: -0.625rem;}.card-img-overlay{position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 1.25rem;}.card-img{width: 100%; border-radius: calc(0.25rem - 1px);}.card-img-top, .s_latest_posts[data-vcss='001'] .s_latest_posts_card .card .s_latest_posts_post_cover .o_record_cover_container .o_record_cover_image{width: 100%; border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px);}.card-img-bottom{width: 100%; border-bottom-left-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px);}.card-deck{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.card-deck .card{margin-bottom: 15px;}@media (min-width: 576px){.card-deck{-webkit-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px;}.card-deck .card{display: -webkit-box; display: -webkit-flex; display: flex; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-left: 15px; margin-bottom: 0; margin-right: 15px;}}.card-group{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.card-group > .card{margin-bottom: 15px;}@media (min-width: 576px){.card-group{-webkit-flex-flow: row wrap; flex-flow: row wrap;}.card-group > .card{flex: 1 0 0%; margin-bottom: 0;}.card-group > .card + .card{margin-right: 0; border-right: 0;}.card-group > .card:not(:last-child){border-top-left-radius: 0; border-bottom-left-radius: 0;}.card-group > .card:not(:last-child) .card-img-top, .s_latest_posts[data-vcss='001'] .s_latest_posts_card .card-group > .card:not(:last-child) .s_latest_posts_post_cover .o_record_cover_container .o_record_cover_image, .card-group > .card:not(:last-child) .card-header{border-top-left-radius: 0;}.card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer{border-bottom-left-radius: 0;}.card-group > .card:not(:first-child){border-top-right-radius: 0; border-bottom-right-radius: 0;}.card-group > .card:not(:first-child) .card-img-top, .s_latest_posts[data-vcss='001'] .s_latest_posts_card .card-group > .card:not(:first-child) .s_latest_posts_post_cover .o_record_cover_container .o_record_cover_image, .card-group > .card:not(:first-child) .card-header{border-top-right-radius: 0;}.card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer{border-bottom-right-radius: 0;}}.card-columns .card{margin-bottom: 0.75rem;}@media (min-width: 576px){.card-columns{column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1;}.card-columns .card{display: inline-block; width: 100%;}}.accordion > .card{overflow: hidden;}.accordion > .card:not(:first-of-type) .card-header:first-child{border-radius: 0;}.accordion > .card:not(:first-of-type):not(:last-of-type){border-bottom: 0; border-radius: 0;}.accordion > .card:first-of-type{border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}.accordion > .card:last-of-type{border-top-right-radius: 0; border-top-left-radius: 0;}.accordion > .card .card-header{margin-bottom: -1px;}.breadcrumb{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #E9ECEF; border-radius: 0.25rem;}.breadcrumb-item + .breadcrumb-item{padding-right: 0.5rem;}.breadcrumb-item + .breadcrumb-item::before{display: inline-block; padding-left: 0.5rem; color: #6C757D; content: "/";}.breadcrumb-item + .breadcrumb-item:hover::before{text-decoration: underline;}.breadcrumb-item + .breadcrumb-item:hover::before{text-decoration: none;}.breadcrumb-item.active{color: #6C757D;}.pagination{display: -webkit-box; display: -webkit-flex; display: flex; padding-right: 0; list-style: none; border-radius: 0.25rem;}.page-link{position: relative; display: block; padding: 0.5rem 0.75rem; margin-right: -1px; line-height: 1.25; color: #0f5f96; background-color: #FFFFFF; border: 1px solid #DEE2E6;}.page-link:hover{z-index: 2; color: #083351; text-decoration: none; background-color: #E9ECEF; border-color: #DEE2E6;}.page-link:focus{z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.25);}.page-item:first-child .page-link{margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}.page-item:last-child .page-link{border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}.page-item.active .page-link{z-index: 1; color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.page-item.disabled .page-link{color: #6C757D; pointer-events: none; cursor: auto; background-color: #FFFFFF; border-color: #DEE2E6;}.pagination-lg .page-link{padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5;}.pagination-lg .page-item:first-child .page-link{border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem;}.pagination-lg .page-item:last-child .page-link{border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem;}.pagination-sm .page-link{padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5;}.pagination-sm .page-item:first-child .page-link{border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;}.pagination-sm .page-item:last-child .page-link{border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;}.badge{display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; 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;}@media (prefers-reduced-motion: reduce){.badge{transition: none;}}a.badge:hover, a.badge:focus{text-decoration: none;}.badge:empty{display: none;}.btn .badge{position: relative; top: -1px;}.badge-pill{padding-left: 0.6em; padding-right: 0.6em; border-radius: 10rem;}.badge-primary{color: #FFFFFF; background-color: #137DC5;}a.badge-primary:hover, a.badge-primary:focus{color: #FFFFFF; background-color: #0f5f96;}a.badge-primary:focus, a.badge-primary.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.badge-secondary{color: #FFFFFF; background-color: #383E45;}a.badge-secondary:hover, a.badge-secondary:focus{color: #FFFFFF; background-color: #212529;}a.badge-secondary:focus, a.badge-secondary.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.badge-success{color: #FFFFFF; background-color: #28a745;}a.badge-success:hover, a.badge-success:focus{color: #FFFFFF; background-color: #1e7e34;}a.badge-success:focus, a.badge-success.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}.badge-info{color: #FFFFFF; background-color: #17a2b8;}a.badge-info:hover, a.badge-info:focus{color: #FFFFFF; background-color: #117a8b;}a.badge-info:focus, a.badge-info.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}.badge-warning{color: #212529; background-color: #ffc107;}a.badge-warning:hover, a.badge-warning:focus{color: #212529; background-color: #d39e00;}a.badge-warning:focus, a.badge-warning.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}.badge-danger{color: #FFFFFF; background-color: #dc3545;}a.badge-danger:hover, a.badge-danger:focus{color: #FFFFFF; background-color: #bd2130;}a.badge-danger:focus, a.badge-danger.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}.badge-light{color: #212529; background-color: #f7f7f8;}a.badge-light:hover, a.badge-light:focus{color: #212529; background-color: #dddedf;}a.badge-light:focus, a.badge-light.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(247, 247, 248, 0.5);}.badge-dark{color: #FFFFFF; background-color: #191a1a;}a.badge-dark:hover, a.badge-dark:focus{color: #FFFFFF; background-color: black;}a.badge-dark:focus, a.badge-dark.focus{outline: 0; box-shadow: 0 0 0 0.2rem rgba(25, 26, 26, 0.5);}.jumbotron{padding: 2rem 1rem; margin-bottom: 2rem; background-color: transparent; border-radius: 0.3rem;}@media (min-width: 576px){.jumbotron{padding: 4rem 2rem;}}.jumbotron-fluid{padding-left: 0; padding-right: 0; border-radius: 0;}.alert{position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem;}.alert-heading{color: inherit;}.alert-link{font-weight: 700;}.alert-dismissible{padding-left: 4rem;}.alert-dismissible .close{position: absolute; top: 0; left: 0; padding: 0.75rem 1.25rem; color: inherit;}.alert-primary{color: #0a4166; background-color: #d0e5f3; border-color: #bddbef;}.alert-primary hr{border-top-color: #a8d0ea;}.alert-primary .alert-link{color: #052338;}.alert-secondary{color: #1d2024; background-color: #d7d8da; border-color: #c7c9cb;}.alert-secondary hr{border-top-color: #babcbf;}.alert-secondary .alert-link{color: #060708;}.alert-success{color: #155724; background-color: #d4edda; border-color: #c3e6cb;}.alert-success hr{border-top-color: #b1dfbb;}.alert-success .alert-link{color: #0b2e13;}.alert-info{color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;}.alert-info hr{border-top-color: #abdde5;}.alert-info .alert-link{color: #062c33;}.alert-warning{color: #856404; background-color: #fff3cd; border-color: #ffeeba;}.alert-warning hr{border-top-color: #ffe8a1;}.alert-warning .alert-link{color: #533f03;}.alert-danger{color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}.alert-danger hr{border-top-color: #f1b0b7;}.alert-danger .alert-link{color: #491217;}.alert-light{color: #818181; background-color: #fdfdfe; border-color: #fdfdfd;}.alert-light hr{border-top-color: #f0f0f0;}.alert-light .alert-link{color: #686767;}.alert-dark{color: #0d0d0e; background-color: #d1d1d1; border-color: #bfbfbf;}.alert-dark hr{border-top-color: #b2b2b2;}.alert-dark .alert-link{color: black;}@keyframes progress-bar-stripes{from{background-position: right 1rem top 0;}to{background-position: 100% 0;}}.progress{display: -webkit-box; display: -webkit-flex; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #E9ECEF; border-radius: 0.25rem;}.progress-bar{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; color: #FFFFFF; text-align: center; white-space: nowrap; background-color: #137DC5; transition: width 0.6s ease;}@media (prefers-reduced-motion: reduce){.progress-bar{transition: none;}}.progress-bar-striped{background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem;}.progress-bar-animated{animation: progress-bar-stripes 1s linear infinite;}@media (prefers-reduced-motion: reduce){.progress-bar-animated{animation: none;}}.media{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start;}.media-body{flex: 1;}.list-group{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding-right: 0; margin-bottom: 0;}.list-group-item-action{width: 100%; color: #495057; text-align: inherit;}.list-group-item-action:hover, .list-group-item-action:focus{z-index: 1; color: #495057; text-decoration: none; background-color: #F8F9FA;}.list-group-item-action:active{color: #212529; background-color: #E9ECEF;}.list-group-item{position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.125);}.list-group-item:first-child{border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem;}.list-group-item:last-child{margin-bottom: 0; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}.list-group-item.disabled, .list-group-item:disabled, .list-group-item.o_wysiwyg_loader{color: #6C757D; pointer-events: none; background-color: #FFFFFF;}.list-group-item.active{z-index: 2; color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.list-group-horizontal{flex-direction: row;}.list-group-horizontal .list-group-item{margin-left: -1px; margin-bottom: 0;}.list-group-horizontal .list-group-item:first-child{border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-top-left-radius: 0;}.list-group-horizontal .list-group-item:last-child{margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0;}@media (min-width: 576px){.list-group-horizontal-sm{flex-direction: row;}.list-group-horizontal-sm .list-group-item{margin-left: -1px; margin-bottom: 0;}.list-group-horizontal-sm .list-group-item:first-child{border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-top-left-radius: 0;}.list-group-horizontal-sm .list-group-item:last-child{margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0;}}@media (min-width: 768px){.list-group-horizontal-md{flex-direction: row;}.list-group-horizontal-md .list-group-item{margin-left: -1px; margin-bottom: 0;}.list-group-horizontal-md .list-group-item:first-child{border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-top-left-radius: 0;}.list-group-horizontal-md .list-group-item:last-child{margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0;}}@media (min-width: 992px){.list-group-horizontal-lg{flex-direction: row;}.list-group-horizontal-lg .list-group-item{margin-left: -1px; margin-bottom: 0;}.list-group-horizontal-lg .list-group-item:first-child{border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-top-left-radius: 0;}.list-group-horizontal-lg .list-group-item:last-child{margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0;}}@media (min-width: 1200px){.list-group-horizontal-xl{flex-direction: row;}.list-group-horizontal-xl .list-group-item{margin-left: -1px; margin-bottom: 0;}.list-group-horizontal-xl .list-group-item:first-child{border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-top-left-radius: 0;}.list-group-horizontal-xl .list-group-item:last-child{margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0;}}.list-group-flush .list-group-item{border-left: 0; border-right: 0; border-radius: 0;}.list-group-flush .list-group-item:last-child{margin-bottom: -1px;}.list-group-flush:first-child .list-group-item:first-child{border-top: 0;}.list-group-flush:last-child .list-group-item:last-child{margin-bottom: 0; border-bottom: 0;}.list-group-item-primary{color: #0a4166; background-color: #bddbef;}.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus{color: #0a4166; background-color: #a8d0ea;}.list-group-item-primary.list-group-item-action.active{color: #FFFFFF; background-color: #0a4166; border-color: #0a4166;}.list-group-item-secondary{color: #1d2024; background-color: #c7c9cb;}.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus{color: #1d2024; background-color: #babcbf;}.list-group-item-secondary.list-group-item-action.active{color: #FFFFFF; background-color: #1d2024; border-color: #1d2024;}.list-group-item-success{color: #155724; background-color: #c3e6cb;}.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus{color: #155724; background-color: #b1dfbb;}.list-group-item-success.list-group-item-action.active{color: #FFFFFF; background-color: #155724; border-color: #155724;}.list-group-item-info{color: #0c5460; background-color: #bee5eb;}.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus{color: #0c5460; background-color: #abdde5;}.list-group-item-info.list-group-item-action.active{color: #FFFFFF; background-color: #0c5460; border-color: #0c5460;}.list-group-item-warning{color: #856404; background-color: #ffeeba;}.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus{color: #856404; background-color: #ffe8a1;}.list-group-item-warning.list-group-item-action.active{color: #FFFFFF; background-color: #856404; border-color: #856404;}.list-group-item-danger{color: #721c24; background-color: #f5c6cb;}.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus{color: #721c24; background-color: #f1b0b7;}.list-group-item-danger.list-group-item-action.active{color: #FFFFFF; background-color: #721c24; border-color: #721c24;}.list-group-item-light{color: #818181; background-color: #fdfdfd;}.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus{color: #818181; background-color: #f0f0f0;}.list-group-item-light.list-group-item-action.active{color: #FFFFFF; background-color: #818181; border-color: #818181;}.list-group-item-dark{color: #0d0d0e; background-color: #bfbfbf;}.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus{color: #0d0d0e; background-color: #b2b2b2;}.list-group-item-dark.list-group-item-action.active{color: #FFFFFF; background-color: #0d0d0e; border-color: #0d0d0e;}.close{float: left; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000000; text-shadow: 0 1px 0 #FFFFFF; opacity: .5;}@media (max-width: 1200px){.close{font-size: calc(1.275rem + 0.3vw) ;}}.close:hover{color: #000000; text-decoration: none;}.close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):hover, .close:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):focus{opacity: .75;}button.close{padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}a.close.disabled{pointer-events: none;}.toast{max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem;}.toast:not(:last-child){margin-bottom: 0.75rem;}.toast.showing{opacity: 1;}.toast.show{display: block; opacity: 1;}.toast.hide{display: none;}.toast-header{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6C757D; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}.toast-body{padding: 0.75rem;}.modal-open{overflow: hidden;}.modal-open .modal{overflow-x: hidden; overflow-y: auto;}.modal{position: fixed; top: 0; right: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}.modal-dialog{position: relative; width: auto; margin: 0.5rem; pointer-events: none;}.modal.fade .modal-dialog{transition: transform 0.3s ease-out; transform: translate(0, -50px);}@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition: none;}}.modal.show .modal-dialog{transform: none;}.modal-dialog-scrollable{display: -webkit-box; display: -webkit-flex; display: flex; max-height: calc(100% - 1rem);}.modal-dialog-scrollable .modal-content{max-height: calc(100vh - 1rem); overflow: hidden;}.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer{flex-shrink: 0;}.modal-dialog-scrollable .modal-body{overflow-y: auto;}.modal-dialog-centered{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; min-height: calc(100% - 1rem);}.modal-dialog-centered::before{display: block; height: calc(100vh - 1rem); content: "";}.modal-dialog-centered.modal-dialog-scrollable{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; height: 100%;}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height: none;}.modal-dialog-centered.modal-dialog-scrollable::before{content: none;}.modal-content{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0;}.modal-backdrop{position: fixed; top: 0; right: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000000;}.modal-backdrop.fade{opacity: 0;}.modal-backdrop.show{opacity: 0.5;}.modal-header{display: -webkit-box; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #DEE2E6; border-top-right-radius: 0.3rem; border-top-left-radius: 0.3rem;}.modal-header .close{padding: 1rem 1rem; margin: -1rem auto -1rem -1rem;}.modal-title{margin-bottom: 0; line-height: 1.5;}.modal-body{position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;}.modal-footer{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #DEE2E6; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem;}.modal-footer > :not(:first-child){margin-right: .25rem;}.modal-footer > :not(:last-child){margin-left: .25rem;}.modal-scrollbar-measure{position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}@media (min-width: 576px){.modal-dialog{max-width: 650px; margin: 1.75rem auto;}.modal-dialog-scrollable{max-height: calc(100% - 3.5rem);}.modal-dialog-scrollable .modal-content{max-height: calc(100vh - 3.5rem);}.modal-dialog-centered{min-height: calc(100% - 3.5rem);}.modal-dialog-centered::before{height: calc(100vh - 3.5rem);}.modal-sm{max-width: 300px;}}@media (min-width: 992px){.modal-lg, .modal-xl{max-width: 980px;}}@media (min-width: 1200px){.modal-xl{max-width: 1140px;}}.tooltip{position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Roboto", "Odoo Unicode Support Noto", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: right; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; opacity: 0;}.tooltip.show{opacity: 0.9;}.tooltip .arrow{position: absolute; display: block; width: 0.8rem; height: 0.4rem;}.tooltip .arrow::before{position: absolute; content: ""; border-color: transparent; border-style: solid;}.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"]{padding: 0.4rem 0;}.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow{bottom: 0;}.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before{top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000000;}.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"]{padding: 0 0.4rem;}.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow{right: 0; width: 0.4rem; height: 0.8rem;}.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before{left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000000;}.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"]{padding: 0.4rem 0;}.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow{top: 0;}.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before{bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000000;}.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"]{padding: 0 0.4rem;}.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow{left: 0; width: 0.4rem; height: 0.8rem;}.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before{right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000000;}.tooltip-inner{max-width: 200px; padding: 0.25rem 0.5rem; color: #FFFFFF; text-align: center; background-color: #000000; border-radius: 0.25rem;}.popover{position: absolute; top: 0; right: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Roboto", "Odoo Unicode Support Noto", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: right; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem;}.popover .arrow{position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem;}.popover .arrow::before, .popover .arrow::after{position: absolute; display: block; content: ""; border-color: transparent; border-style: solid;}.bs-popover-top, .bs-popover-auto[x-placement^="top"]{margin-bottom: 0.5rem;}.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow{bottom: calc((0.5rem + 1px) * -1);}.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before{bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25);}.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after{bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #FFFFFF;}.bs-popover-right, .bs-popover-auto[x-placement^="right"]{margin-right: 0.5rem;}.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow{right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0;}.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before{right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25);}.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after{right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #FFFFFF;}.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"]{margin-top: 0.5rem;}.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow{top: calc((0.5rem + 1px) * -1);}.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before{top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25);}.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after{top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #FFFFFF;}.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before{position: absolute; top: 0; right: 50%; display: block; width: 1rem; margin-right: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7;}.bs-popover-left, .bs-popover-auto[x-placement^="left"]{margin-left: 0.5rem;}.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow{left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0;}.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before{left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25);}.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after{left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #FFFFFF;}.popover-header{padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-right-radius: calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px);}.popover-header:empty{display: none;}.popover-body{padding: 0.5rem 0.75rem; color: #212529;}.carousel{position: relative;}.carousel.pointer-event{touch-action: pan-y;}.carousel-inner{position: relative; width: 100%; overflow: hidden;}.carousel-inner::after{display: block; clear: both; content: "";}.carousel-item{position: relative; display: none; float: right; width: 100%; margin-left: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out;}@media (prefers-reduced-motion: reduce){.carousel-item{transition: none;}}.carousel-item.active, .carousel-item-next, .carousel-item-prev{display: block;}.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right{transform: translateX(-100%);}.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left{transform: translateX(100%);}.carousel-fade .carousel-item{opacity: 0; transition-property: opacity; transform: none;}.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right{z-index: 1; opacity: 1;}.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right{z-index: 0; opacity: 0; transition: 0s 0.6s opacity;}@media (prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right{transition: none;}}.carousel-control-prev, .carousel-control-next{position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: 15%; color: #FFFFFF; text-align: center; opacity: 0.5; transition: opacity 0.15s ease;}@media (prefers-reduced-motion: reduce){.carousel-control-prev, .carousel-control-next{transition: none;}}.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus{color: #FFFFFF; text-decoration: none; outline: 0; opacity: 0.9;}.carousel-control-prev{right: 0;}.carousel-control-next{left: 0;}.carousel-control-prev-icon, .carousel-control-next-icon{display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%;}.carousel-control-prev-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");}.carousel-control-next-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");}.carousel-indicators{position: absolute; left: 0; bottom: 0; right: 0; z-index: 15; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding-right: 0; margin-left: 15%; margin-right: 15%; list-style: none;}.carousel-indicators li{box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-left: 3px; margin-right: 3px; text-indent: -999px; cursor: pointer; background-color: #FFFFFF; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease;}@media (prefers-reduced-motion: reduce){.carousel-indicators li{transition: none;}}.carousel-indicators .active{opacity: 1;}.carousel-caption{position: absolute; left: 15%; bottom: 20px; right: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #FFFFFF; text-align: center;}@keyframes spinner-border{to{transform: rotate(-360deg);}}.spinner-border{display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-left-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite;}.spinner-border-sm{width: 1rem; height: 1rem; border-width: 0.2em;}@keyframes spinner-grow{0%{transform: scale(0);}50%{opacity: 1;}}.spinner-grow{display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite;}.spinner-grow-sm{width: 1rem; height: 1rem;}.align-baseline{vertical-align: baseline !important;}.align-top{vertical-align: top !important;}.align-middle{vertical-align: middle !important;}.align-bottom{vertical-align: bottom !important;}.align-text-bottom{vertical-align: text-bottom !important;}.align-text-top{vertical-align: text-top !important;}.bg-primary{background-color: #137DC5 !important; color: #FFFFFF;}.bg-primary .text-muted, .o_colored_level .bg-primary .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus{background-color: #0f5f96 !important; color: #FFFFFF;}.bg-secondary{background-color: #383E45 !important; color: #FFFFFF;}.bg-secondary .text-muted, .o_colored_level .bg-secondary .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus{background-color: #212529 !important; color: #FFFFFF;}.bg-success{background-color: #28a745 !important; color: #FFFFFF;}.bg-success .text-muted, .o_colored_level .bg-success .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus{background-color: #1e7e34 !important; color: #FFFFFF;}.bg-info{background-color: #17a2b8 !important; color: #FFFFFF;}.bg-info .text-muted, .o_colored_level .bg-info .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus{background-color: #117a8b !important; color: #FFFFFF;}.bg-warning{background-color: #ffc107 !important; color: #212529;}.bg-warning .text-muted, .o_colored_level .bg-warning .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus{background-color: #d39e00 !important; color: #212529;}.bg-danger{background-color: #dc3545 !important; color: #FFFFFF;}.bg-danger .text-muted, .o_colored_level .bg-danger .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus{background-color: #bd2130 !important; color: #FFFFFF;}.bg-light{background-color: #f7f7f8 !important; color: #212529;}.bg-light .text-muted, .o_colored_level .bg-light .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus{background-color: #dddedf !important; color: #212529;}.bg-dark{background-color: #191a1a !important; color: #FFFFFF;}.bg-dark .text-muted, .o_colored_level .bg-dark .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus{background-color: black !important; color: #FFFFFF;}.bg-white{background-color: #FFFFFF !important;}.bg-transparent{background-color: transparent !important;}.border{border: 1px solid #DEE2E6 !important;}.border-top{border-top: 1px solid #DEE2E6 !important;}.border-right{border-left: 1px solid #DEE2E6 !important;}.border-bottom{border-bottom: 1px solid #DEE2E6 !important;}.border-left{border-right: 1px solid #DEE2E6 !important;}.border-0{border: 0 !important;}.border-top-0{border-top: 0 !important;}.border-right-0{border-left: 0 !important;}.border-bottom-0{border-bottom: 0 !important;}.border-left-0{border-right: 0 !important;}.border-primary{border-color: #137DC5 !important;}.border-secondary{border-color: #383E45 !important;}.border-success{border-color: #28a745 !important;}.border-info{border-color: #17a2b8 !important;}.border-warning{border-color: #ffc107 !important;}.border-danger{border-color: #dc3545 !important;}.border-light{border-color: #f7f7f8 !important;}.border-dark{border-color: #191a1a !important;}.border-white{border-color: #FFFFFF !important;}.rounded-sm{border-radius: 0.2rem !important;}.rounded{border-radius: 0.25rem !important;}.rounded-top{border-top-right-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important;}.rounded-right{border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important;}.rounded-bottom{border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;}.rounded-left{border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;}.rounded-lg{border-radius: 0.3rem !important;}.rounded-circle, .fa.rounded-empty-circle{border-radius: 50% !important;}.rounded-pill{border-radius: 50rem !important;}.rounded-0{border-radius: 0 !important;}.clearfix::after{display: block; clear: both; content: "";}.d-none{display: none !important;}.d-inline{display: inline !important;}.d-inline-block{display: inline-block !important;}.d-block{display: block !important;}.d-table{display: table !important;}.d-table-row{display: table-row !important;}.d-table-cell{display: table-cell !important;}.d-flex{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.d-inline-flex{display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important;}@media (min-width: 576px){.d-sm-none{display: none !important;}.d-sm-inline{display: inline !important;}.d-sm-inline-block{display: inline-block !important;}.d-sm-block{display: block !important;}.d-sm-table{display: table !important;}.d-sm-table-row{display: table-row !important;}.d-sm-table-cell{display: table-cell !important;}.d-sm-flex{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.d-sm-inline-flex{display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important;}}@media (min-width: 768px){.d-md-none{display: none !important;}.d-md-inline{display: inline !important;}.d-md-inline-block{display: inline-block !important;}.d-md-block{display: block !important;}.d-md-table{display: table !important;}.d-md-table-row{display: table-row !important;}.d-md-table-cell{display: table-cell !important;}.d-md-flex{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.d-md-inline-flex{display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important;}}@media (min-width: 992px){.d-lg-none{display: none !important;}.d-lg-inline{display: inline !important;}.d-lg-inline-block{display: inline-block !important;}.d-lg-block{display: block !important;}.d-lg-table{display: table !important;}.d-lg-table-row{display: table-row !important;}.d-lg-table-cell{display: table-cell !important;}.d-lg-flex{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.d-lg-inline-flex{display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important;}}@media (min-width: 1200px){.d-xl-none{display: none !important;}.d-xl-inline{display: inline !important;}.d-xl-inline-block{display: inline-block !important;}.d-xl-block{display: block !important;}.d-xl-table{display: table !important;}.d-xl-table-row{display: table-row !important;}.d-xl-table-cell{display: table-cell !important;}.d-xl-flex{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.d-xl-inline-flex{display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important;}}@media print{.d-print-none{display: none !important;}.d-print-inline{display: inline !important;}.d-print-inline-block{display: inline-block !important;}.d-print-block{display: block !important;}.d-print-table{display: table !important;}.d-print-table-row{display: table-row !important;}.d-print-table-cell{display: table-cell !important;}.d-print-flex{display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.d-print-inline-flex{display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important;}}.embed-responsive{position: relative; display: block; width: 100%; padding: 0; overflow: hidden;}.embed-responsive::before{display: block; content: "";}.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video{position: absolute; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0;}.embed-responsive-21by9::before{padding-top: 42.85714286%;}.embed-responsive-16by9::before{padding-top: 56.25%;}.embed-responsive-4by3::before{padding-top: 75%;}.embed-responsive-1by1::before{padding-top: 100%;}.flex-row{flex-direction: row !important;}.flex-column{flex-direction: column !important;}.flex-row-reverse{flex-direction: row-reverse !important;}.flex-column-reverse{flex-direction: column-reverse !important;}.flex-wrap{flex-wrap: wrap !important;}.flex-nowrap{flex-wrap: nowrap !important;}.flex-wrap-reverse{flex-wrap: wrap-reverse !important;}.flex-fill{flex: 1 1 auto !important;}.flex-grow-0{flex-grow: 0 !important;}.flex-grow-1{flex-grow: 1 !important;}.flex-shrink-0{flex-shrink: 0 !important;}.flex-shrink-1{flex-shrink: 1 !important;}.justify-content-start{-webkit-box-pack: start !important; justify-content: flex-start !important;}.justify-content-end{-webkit-box-pack: end !important; justify-content: flex-end !important;}.justify-content-center{justify-content: center !important;}.justify-content-between{justify-content: space-between !important;}.justify-content-around{justify-content: space-around !important;}.align-items-start{align-items: flex-start !important;}.align-items-end{align-items: flex-end !important;}.align-items-center{align-items: center !important;}.align-items-baseline{align-items: baseline !important;}.align-items-stretch{align-items: stretch !important;}.align-content-start{align-content: flex-start !important;}.align-content-end{align-content: flex-end !important;}.align-content-center{align-content: center !important;}.align-content-between{align-content: space-between !important;}.align-content-around{align-content: space-around !important;}.align-content-stretch{align-content: stretch !important;}.align-self-auto{align-self: auto !important;}.align-self-start{align-self: flex-start !important;}.align-self-end{align-self: flex-end !important;}.align-self-center{align-self: center !important;}.align-self-baseline{align-self: baseline !important;}.align-self-stretch{align-self: stretch !important;}@media (min-width: 576px){.flex-sm-row{flex-direction: row !important;}.flex-sm-column{flex-direction: column !important;}.flex-sm-row-reverse{flex-direction: row-reverse !important;}.flex-sm-column-reverse{flex-direction: column-reverse !important;}.flex-sm-wrap{flex-wrap: wrap !important;}.flex-sm-nowrap{flex-wrap: nowrap !important;}.flex-sm-wrap-reverse{flex-wrap: wrap-reverse !important;}.flex-sm-fill{flex: 1 1 auto !important;}.flex-sm-grow-0{flex-grow: 0 !important;}.flex-sm-grow-1{flex-grow: 1 !important;}.flex-sm-shrink-0{flex-shrink: 0 !important;}.flex-sm-shrink-1{flex-shrink: 1 !important;}.justify-content-sm-start{-webkit-box-pack: start !important; justify-content: flex-start !important;}.justify-content-sm-end{-webkit-box-pack: end !important; justify-content: flex-end !important;}.justify-content-sm-center{justify-content: center !important;}.justify-content-sm-between{justify-content: space-between !important;}.justify-content-sm-around{justify-content: space-around !important;}.align-items-sm-start{align-items: flex-start !important;}.align-items-sm-end{align-items: flex-end !important;}.align-items-sm-center{align-items: center !important;}.align-items-sm-baseline{align-items: baseline !important;}.align-items-sm-stretch{align-items: stretch !important;}.align-content-sm-start{align-content: flex-start !important;}.align-content-sm-end{align-content: flex-end !important;}.align-content-sm-center{align-content: center !important;}.align-content-sm-between{align-content: space-between !important;}.align-content-sm-around{align-content: space-around !important;}.align-content-sm-stretch{align-content: stretch !important;}.align-self-sm-auto{align-self: auto !important;}.align-self-sm-start{align-self: flex-start !important;}.align-self-sm-end{align-self: flex-end !important;}.align-self-sm-center{align-self: center !important;}.align-self-sm-baseline{align-self: baseline !important;}.align-self-sm-stretch{align-self: stretch !important;}}@media (min-width: 768px){.flex-md-row{flex-direction: row !important;}.flex-md-column{flex-direction: column !important;}.flex-md-row-reverse{flex-direction: row-reverse !important;}.flex-md-column-reverse{flex-direction: column-reverse !important;}.flex-md-wrap{flex-wrap: wrap !important;}.flex-md-nowrap{flex-wrap: nowrap !important;}.flex-md-wrap-reverse{flex-wrap: wrap-reverse !important;}.flex-md-fill{flex: 1 1 auto !important;}.flex-md-grow-0{flex-grow: 0 !important;}.flex-md-grow-1{flex-grow: 1 !important;}.flex-md-shrink-0{flex-shrink: 0 !important;}.flex-md-shrink-1{flex-shrink: 1 !important;}.justify-content-md-start{-webkit-box-pack: start !important; justify-content: flex-start !important;}.justify-content-md-end{-webkit-box-pack: end !important; justify-content: flex-end !important;}.justify-content-md-center{justify-content: center !important;}.justify-content-md-between{justify-content: space-between !important;}.justify-content-md-around{justify-content: space-around !important;}.align-items-md-start{align-items: flex-start !important;}.align-items-md-end{align-items: flex-end !important;}.align-items-md-center{align-items: center !important;}.align-items-md-baseline{align-items: baseline !important;}.align-items-md-stretch{align-items: stretch !important;}.align-content-md-start{align-content: flex-start !important;}.align-content-md-end{align-content: flex-end !important;}.align-content-md-center{align-content: center !important;}.align-content-md-between{align-content: space-between !important;}.align-content-md-around{align-content: space-around !important;}.align-content-md-stretch{align-content: stretch !important;}.align-self-md-auto{align-self: auto !important;}.align-self-md-start{align-self: flex-start !important;}.align-self-md-end{align-self: flex-end !important;}.align-self-md-center{align-self: center !important;}.align-self-md-baseline{align-self: baseline !important;}.align-self-md-stretch{align-self: stretch !important;}}@media (min-width: 992px){.flex-lg-row{flex-direction: row !important;}.flex-lg-column{flex-direction: column !important;}.flex-lg-row-reverse{flex-direction: row-reverse !important;}.flex-lg-column-reverse{flex-direction: column-reverse !important;}.flex-lg-wrap{flex-wrap: wrap !important;}.flex-lg-nowrap{flex-wrap: nowrap !important;}.flex-lg-wrap-reverse{flex-wrap: wrap-reverse !important;}.flex-lg-fill{flex: 1 1 auto !important;}.flex-lg-grow-0{flex-grow: 0 !important;}.flex-lg-grow-1{flex-grow: 1 !important;}.flex-lg-shrink-0{flex-shrink: 0 !important;}.flex-lg-shrink-1{flex-shrink: 1 !important;}.justify-content-lg-start{-webkit-box-pack: start !important; justify-content: flex-start !important;}.justify-content-lg-end{-webkit-box-pack: end !important; justify-content: flex-end !important;}.justify-content-lg-center{justify-content: center !important;}.justify-content-lg-between{justify-content: space-between !important;}.justify-content-lg-around{justify-content: space-around !important;}.align-items-lg-start{align-items: flex-start !important;}.align-items-lg-end{align-items: flex-end !important;}.align-items-lg-center{align-items: center !important;}.align-items-lg-baseline{align-items: baseline !important;}.align-items-lg-stretch{align-items: stretch !important;}.align-content-lg-start{align-content: flex-start !important;}.align-content-lg-end{align-content: flex-end !important;}.align-content-lg-center{align-content: center !important;}.align-content-lg-between{align-content: space-between !important;}.align-content-lg-around{align-content: space-around !important;}.align-content-lg-stretch{align-content: stretch !important;}.align-self-lg-auto{align-self: auto !important;}.align-self-lg-start{align-self: flex-start !important;}.align-self-lg-end{align-self: flex-end !important;}.align-self-lg-center{align-self: center !important;}.align-self-lg-baseline{align-self: baseline !important;}.align-self-lg-stretch{align-self: stretch !important;}}@media (min-width: 1200px){.flex-xl-row{flex-direction: row !important;}.flex-xl-column{flex-direction: column !important;}.flex-xl-row-reverse{flex-direction: row-reverse !important;}.flex-xl-column-reverse{flex-direction: column-reverse !important;}.flex-xl-wrap{flex-wrap: wrap !important;}.flex-xl-nowrap{flex-wrap: nowrap !important;}.flex-xl-wrap-reverse{flex-wrap: wrap-reverse !important;}.flex-xl-fill{flex: 1 1 auto !important;}.flex-xl-grow-0{flex-grow: 0 !important;}.flex-xl-grow-1{flex-grow: 1 !important;}.flex-xl-shrink-0{flex-shrink: 0 !important;}.flex-xl-shrink-1{flex-shrink: 1 !important;}.justify-content-xl-start{-webkit-box-pack: start !important; justify-content: flex-start !important;}.justify-content-xl-end{-webkit-box-pack: end !important; justify-content: flex-end !important;}.justify-content-xl-center{justify-content: center !important;}.justify-content-xl-between{justify-content: space-between !important;}.justify-content-xl-around{justify-content: space-around !important;}.align-items-xl-start{align-items: flex-start !important;}.align-items-xl-end{align-items: flex-end !important;}.align-items-xl-center{align-items: center !important;}.align-items-xl-baseline{align-items: baseline !important;}.align-items-xl-stretch{align-items: stretch !important;}.align-content-xl-start{align-content: flex-start !important;}.align-content-xl-end{align-content: flex-end !important;}.align-content-xl-center{align-content: center !important;}.align-content-xl-between{align-content: space-between !important;}.align-content-xl-around{align-content: space-around !important;}.align-content-xl-stretch{align-content: stretch !important;}.align-self-xl-auto{align-self: auto !important;}.align-self-xl-start{align-self: flex-start !important;}.align-self-xl-end{align-self: flex-end !important;}.align-self-xl-center{align-self: center !important;}.align-self-xl-baseline{align-self: baseline !important;}.align-self-xl-stretch{align-self: stretch !important;}}.float-left{float: right !important;}.float-right{float: left !important;}.float-none{float: none !important;}@media (min-width: 576px){.float-sm-left{float: right !important;}.float-sm-right{float: left !important;}.float-sm-none{float: none !important;}}@media (min-width: 768px){.float-md-left{float: right !important;}.float-md-right{float: left !important;}.float-md-none{float: none !important;}}@media (min-width: 992px){.float-lg-left{float: right !important;}.float-lg-right{float: left !important;}.float-lg-none{float: none !important;}}@media (min-width: 1200px){.float-xl-left{float: right !important;}.float-xl-right{float: left !important;}.float-xl-none{float: none !important;}}.overflow-auto{overflow: auto !important;}.overflow-hidden{overflow: hidden !important;}.position-static{position: static !important;}.position-relative{position: relative !important;}.position-absolute{position: absolute !important;}.position-fixed{position: fixed !important;}.position-sticky{position: sticky !important;}.fixed-top{position: fixed; top: 0; left: 0; right: 0; z-index: 1030;}.fixed-bottom{position: fixed; left: 0; bottom: 0; right: 0; z-index: 1030;}@supports (position: sticky){.sticky-top{position: sticky; top: 0; z-index: 1020;}}.sr-only{position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}.sr-only-focusable:active, .sr-only-focusable:focus{position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;}.shadow-sm{box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}.shadow{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}.shadow-lg{box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}.shadow-none{box-shadow: none !important;}.w-25{width: 25% !important;}.w-50{width: 50% !important;}.w-75{width: 75% !important;}.w-100{width: 100% !important;}.w-auto{width: auto !important;}.w-0{width: 0 !important;}.h-25{height: 25% !important;}.h-50{height: 50% !important;}.h-75{height: 75% !important;}.h-100{height: 100% !important;}.h-auto{height: auto !important;}.h-0{height: 0 !important;}.mw-100{max-width: 100% !important;}.mh-100{max-height: 100% !important;}.min-vw-100{min-width: 100vw !important;}.min-vh-100{min-height: 100vh !important;}.vw-100{width: 100vw !important;}.vh-100{height: 100vh !important;}.stretched-link::after{position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0);}.m-0{margin: 0 !important;}.mt-0, .my-0{margin-top: 0 !important;}.mr-0, .mx-0{margin-left: 0 !important;}.mb-0, .my-0{margin-bottom: 0 !important;}.ml-0, .mx-0{margin-right: 0 !important;}.m-1{margin: 0.25rem !important;}.mt-1, .my-1{margin-top: 0.25rem !important;}.mr-1, .mx-1{margin-left: 0.25rem !important;}.mb-1, .my-1{margin-bottom: 0.25rem !important;}.ml-1, .mx-1{margin-right: 0.25rem !important;}.m-2{margin: 0.5rem !important;}.mt-2, .my-2{margin-top: 0.5rem !important;}.mr-2, .mx-2{margin-left: 0.5rem !important;}.mb-2, .my-2{margin-bottom: 0.5rem !important;}.ml-2, .mx-2{margin-right: 0.5rem !important;}.m-3{margin: 1rem !important;}.mt-3, .my-3{margin-top: 1rem !important;}.mr-3, .mx-3{margin-left: 1rem !important;}.mb-3, .my-3{margin-bottom: 1rem !important;}.ml-3, .mx-3{margin-right: 1rem !important;}.m-4{margin: 1.5rem !important;}.mt-4, .o_portal_security_body section, .my-4{margin-top: 1.5rem !important;}.mr-4, .mx-4{margin-left: 1.5rem !important;}.mb-4, .my-4{margin-bottom: 1.5rem !important;}.ml-4, .mx-4{margin-right: 1.5rem !important;}.m-5{margin: 3rem !important;}.mt-5, .my-5{margin-top: 3rem !important;}.mr-5, .mx-5{margin-left: 3rem !important;}.mb-5, .my-5{margin-bottom: 3rem !important;}.ml-5, .mx-5{margin-right: 3rem !important;}.p-0{padding: 0 !important;}.pt-0, .py-0{padding-top: 0 !important;}.pr-0, .px-0{padding-left: 0 !important;}.pb-0, .py-0{padding-bottom: 0 !important;}.pl-0, .px-0{padding-right: 0 !important;}.p-1{padding: 0.25rem !important;}.pt-1, .py-1{padding-top: 0.25rem !important;}.pr-1, .px-1{padding-left: 0.25rem !important;}.pb-1, .py-1{padding-bottom: 0.25rem !important;}.pl-1, .px-1{padding-right: 0.25rem !important;}.p-2{padding: 0.5rem !important;}.pt-2, .py-2{padding-top: 0.5rem !important;}.pr-2, .px-2{padding-left: 0.5rem !important;}.pb-2, .py-2{padding-bottom: 0.5rem !important;}.pl-2, .px-2{padding-right: 0.5rem !important;}.p-3{padding: 1rem !important;}.pt-3, .py-3{padding-top: 1rem !important;}.pr-3, .px-3{padding-left: 1rem !important;}.pb-3, .py-3{padding-bottom: 1rem !important;}.pl-3, .px-3{padding-right: 1rem !important;}.p-4{padding: 1.5rem !important;}.pt-4, .py-4{padding-top: 1.5rem !important;}.pr-4, .px-4{padding-left: 1.5rem !important;}.pb-4, .py-4{padding-bottom: 1.5rem !important;}.pl-4, .px-4{padding-right: 1.5rem !important;}.p-5{padding: 3rem !important;}.pt-5, .py-5{padding-top: 3rem !important;}.pr-5, .px-5{padding-left: 3rem !important;}.pb-5, .py-5{padding-bottom: 3rem !important;}.pl-5, .px-5{padding-right: 3rem !important;}.m-n1{margin: -0.25rem !important;}.mt-n1, .my-n1{margin-top: -0.25rem !important;}.mr-n1, .mx-n1{margin-left: -0.25rem !important;}.mb-n1, .my-n1{margin-bottom: -0.25rem !important;}.ml-n1, .mx-n1{margin-right: -0.25rem !important;}.m-n2{margin: -0.5rem !important;}.mt-n2, .my-n2{margin-top: -0.5rem !important;}.mr-n2, .mx-n2{margin-left: -0.5rem !important;}.mb-n2, .my-n2{margin-bottom: -0.5rem !important;}.ml-n2, .mx-n2{margin-right: -0.5rem !important;}.m-n3{margin: -1rem !important;}.mt-n3, .my-n3{margin-top: -1rem !important;}.mr-n3, .mx-n3{margin-left: -1rem !important;}.mb-n3, .my-n3{margin-bottom: -1rem !important;}.ml-n3, .mx-n3{margin-right: -1rem !important;}.m-n4{margin: -1.5rem !important;}.mt-n4, .my-n4{margin-top: -1.5rem !important;}.mr-n4, .mx-n4{margin-left: -1.5rem !important;}.mb-n4, .my-n4{margin-bottom: -1.5rem !important;}.ml-n4, .mx-n4{margin-right: -1.5rem !important;}.m-n5{margin: -3rem !important;}.mt-n5, .my-n5{margin-top: -3rem !important;}.mr-n5, .mx-n5{margin-left: -3rem !important;}.mb-n5, .my-n5{margin-bottom: -3rem !important;}.ml-n5, .mx-n5{margin-right: -3rem !important;}.m-auto{margin: auto !important;}.mt-auto, .my-auto{margin-top: auto !important;}.mr-auto, .mx-auto, .o_portal_security_body{margin-left: auto !important;}.mb-auto, .my-auto{margin-bottom: auto !important;}.ml-auto, .mx-auto, .o_portal_security_body{margin-right: auto !important;}@media (min-width: 576px){.m-sm-0{margin: 0 !important;}.mt-sm-0, .my-sm-0{margin-top: 0 !important;}.mr-sm-0, .mx-sm-0{margin-left: 0 !important;}.mb-sm-0, .my-sm-0{margin-bottom: 0 !important;}.ml-sm-0, .mx-sm-0{margin-right: 0 !important;}.m-sm-1{margin: 0.25rem !important;}.mt-sm-1, .my-sm-1{margin-top: 0.25rem !important;}.mr-sm-1, .mx-sm-1{margin-left: 0.25rem !important;}.mb-sm-1, .my-sm-1{margin-bottom: 0.25rem !important;}.ml-sm-1, .mx-sm-1{margin-right: 0.25rem !important;}.m-sm-2{margin: 0.5rem !important;}.mt-sm-2, .my-sm-2{margin-top: 0.5rem !important;}.mr-sm-2, .mx-sm-2{margin-left: 0.5rem !important;}.mb-sm-2, .my-sm-2{margin-bottom: 0.5rem !important;}.ml-sm-2, .mx-sm-2{margin-right: 0.5rem !important;}.m-sm-3{margin: 1rem !important;}.mt-sm-3, .my-sm-3{margin-top: 1rem !important;}.mr-sm-3, .mx-sm-3{margin-left: 1rem !important;}.mb-sm-3, .my-sm-3{margin-bottom: 1rem !important;}.ml-sm-3, .mx-sm-3{margin-right: 1rem !important;}.m-sm-4{margin: 1.5rem !important;}.mt-sm-4, .my-sm-4{margin-top: 1.5rem !important;}.mr-sm-4, .mx-sm-4{margin-left: 1.5rem !important;}.mb-sm-4, .my-sm-4{margin-bottom: 1.5rem !important;}.ml-sm-4, .mx-sm-4{margin-right: 1.5rem !important;}.m-sm-5{margin: 3rem !important;}.mt-sm-5, .my-sm-5{margin-top: 3rem !important;}.mr-sm-5, .mx-sm-5{margin-left: 3rem !important;}.mb-sm-5, .my-sm-5{margin-bottom: 3rem !important;}.ml-sm-5, .mx-sm-5{margin-right: 3rem !important;}.p-sm-0{padding: 0 !important;}.pt-sm-0, .py-sm-0{padding-top: 0 !important;}.pr-sm-0, .px-sm-0{padding-left: 0 !important;}.pb-sm-0, .py-sm-0{padding-bottom: 0 !important;}.pl-sm-0, .px-sm-0{padding-right: 0 !important;}.p-sm-1{padding: 0.25rem !important;}.pt-sm-1, .py-sm-1{padding-top: 0.25rem !important;}.pr-sm-1, .px-sm-1{padding-left: 0.25rem !important;}.pb-sm-1, .py-sm-1{padding-bottom: 0.25rem !important;}.pl-sm-1, .px-sm-1{padding-right: 0.25rem !important;}.p-sm-2{padding: 0.5rem !important;}.pt-sm-2, .py-sm-2{padding-top: 0.5rem !important;}.pr-sm-2, .px-sm-2{padding-left: 0.5rem !important;}.pb-sm-2, .py-sm-2{padding-bottom: 0.5rem !important;}.pl-sm-2, .px-sm-2{padding-right: 0.5rem !important;}.p-sm-3{padding: 1rem !important;}.pt-sm-3, .py-sm-3{padding-top: 1rem !important;}.pr-sm-3, .px-sm-3{padding-left: 1rem !important;}.pb-sm-3, .py-sm-3{padding-bottom: 1rem !important;}.pl-sm-3, .px-sm-3{padding-right: 1rem !important;}.p-sm-4{padding: 1.5rem !important;}.pt-sm-4, .py-sm-4{padding-top: 1.5rem !important;}.pr-sm-4, .px-sm-4{padding-left: 1.5rem !important;}.pb-sm-4, .py-sm-4{padding-bottom: 1.5rem !important;}.pl-sm-4, .px-sm-4{padding-right: 1.5rem !important;}.p-sm-5{padding: 3rem !important;}.pt-sm-5, .py-sm-5{padding-top: 3rem !important;}.pr-sm-5, .px-sm-5{padding-left: 3rem !important;}.pb-sm-5, .py-sm-5{padding-bottom: 3rem !important;}.pl-sm-5, .px-sm-5{padding-right: 3rem !important;}.m-sm-n1{margin: -0.25rem !important;}.mt-sm-n1, .my-sm-n1{margin-top: -0.25rem !important;}.mr-sm-n1, .mx-sm-n1{margin-left: -0.25rem !important;}.mb-sm-n1, .my-sm-n1{margin-bottom: -0.25rem !important;}.ml-sm-n1, .mx-sm-n1{margin-right: -0.25rem !important;}.m-sm-n2{margin: -0.5rem !important;}.mt-sm-n2, .my-sm-n2{margin-top: -0.5rem !important;}.mr-sm-n2, .mx-sm-n2{margin-left: -0.5rem !important;}.mb-sm-n2, .my-sm-n2{margin-bottom: -0.5rem !important;}.ml-sm-n2, .mx-sm-n2{margin-right: -0.5rem !important;}.m-sm-n3{margin: -1rem !important;}.mt-sm-n3, .my-sm-n3{margin-top: -1rem !important;}.mr-sm-n3, .mx-sm-n3{margin-left: -1rem !important;}.mb-sm-n3, .my-sm-n3{margin-bottom: -1rem !important;}.ml-sm-n3, .mx-sm-n3{margin-right: -1rem !important;}.m-sm-n4{margin: -1.5rem !important;}.mt-sm-n4, .my-sm-n4{margin-top: -1.5rem !important;}.mr-sm-n4, .mx-sm-n4{margin-left: -1.5rem !important;}.mb-sm-n4, .my-sm-n4{margin-bottom: -1.5rem !important;}.ml-sm-n4, .mx-sm-n4{margin-right: -1.5rem !important;}.m-sm-n5{margin: -3rem !important;}.mt-sm-n5, .my-sm-n5{margin-top: -3rem !important;}.mr-sm-n5, .mx-sm-n5{margin-left: -3rem !important;}.mb-sm-n5, .my-sm-n5{margin-bottom: -3rem !important;}.ml-sm-n5, .mx-sm-n5{margin-right: -3rem !important;}.m-sm-auto{margin: auto !important;}.mt-sm-auto, .my-sm-auto{margin-top: auto !important;}.mr-sm-auto, .mx-sm-auto{margin-left: auto !important;}.mb-sm-auto, .my-sm-auto{margin-bottom: auto !important;}.ml-sm-auto, .mx-sm-auto{margin-right: auto !important;}}@media (min-width: 768px){.m-md-0{margin: 0 !important;}.mt-md-0, .my-md-0{margin-top: 0 !important;}.mr-md-0, .mx-md-0{margin-left: 0 !important;}.mb-md-0, .my-md-0{margin-bottom: 0 !important;}.ml-md-0, .mx-md-0{margin-right: 0 !important;}.m-md-1{margin: 0.25rem !important;}.mt-md-1, .my-md-1{margin-top: 0.25rem !important;}.mr-md-1, .mx-md-1{margin-left: 0.25rem !important;}.mb-md-1, .my-md-1{margin-bottom: 0.25rem !important;}.ml-md-1, .mx-md-1{margin-right: 0.25rem !important;}.m-md-2{margin: 0.5rem !important;}.mt-md-2, .my-md-2{margin-top: 0.5rem !important;}.mr-md-2, .mx-md-2{margin-left: 0.5rem !important;}.mb-md-2, .my-md-2{margin-bottom: 0.5rem !important;}.ml-md-2, .mx-md-2{margin-right: 0.5rem !important;}.m-md-3{margin: 1rem !important;}.mt-md-3, .my-md-3{margin-top: 1rem !important;}.mr-md-3, .mx-md-3{margin-left: 1rem !important;}.mb-md-3, .my-md-3{margin-bottom: 1rem !important;}.ml-md-3, .mx-md-3{margin-right: 1rem !important;}.m-md-4{margin: 1.5rem !important;}.mt-md-4, .my-md-4{margin-top: 1.5rem !important;}.mr-md-4, .mx-md-4{margin-left: 1.5rem !important;}.mb-md-4, .my-md-4{margin-bottom: 1.5rem !important;}.ml-md-4, .mx-md-4{margin-right: 1.5rem !important;}.m-md-5{margin: 3rem !important;}.mt-md-5, .my-md-5{margin-top: 3rem !important;}.mr-md-5, .mx-md-5{margin-left: 3rem !important;}.mb-md-5, .my-md-5{margin-bottom: 3rem !important;}.ml-md-5, .mx-md-5{margin-right: 3rem !important;}.p-md-0{padding: 0 !important;}.pt-md-0, .py-md-0{padding-top: 0 !important;}.pr-md-0, .px-md-0{padding-left: 0 !important;}.pb-md-0, .py-md-0{padding-bottom: 0 !important;}.pl-md-0, .px-md-0{padding-right: 0 !important;}.p-md-1{padding: 0.25rem !important;}.pt-md-1, .py-md-1{padding-top: 0.25rem !important;}.pr-md-1, .px-md-1{padding-left: 0.25rem !important;}.pb-md-1, .py-md-1{padding-bottom: 0.25rem !important;}.pl-md-1, .px-md-1{padding-right: 0.25rem !important;}.p-md-2{padding: 0.5rem !important;}.pt-md-2, .py-md-2{padding-top: 0.5rem !important;}.pr-md-2, .px-md-2{padding-left: 0.5rem !important;}.pb-md-2, .py-md-2{padding-bottom: 0.5rem !important;}.pl-md-2, .px-md-2{padding-right: 0.5rem !important;}.p-md-3{padding: 1rem !important;}.pt-md-3, .py-md-3{padding-top: 1rem !important;}.pr-md-3, .px-md-3{padding-left: 1rem !important;}.pb-md-3, .py-md-3{padding-bottom: 1rem !important;}.pl-md-3, .px-md-3{padding-right: 1rem !important;}.p-md-4{padding: 1.5rem !important;}.pt-md-4, .py-md-4{padding-top: 1.5rem !important;}.pr-md-4, .px-md-4{padding-left: 1.5rem !important;}.pb-md-4, .py-md-4{padding-bottom: 1.5rem !important;}.pl-md-4, .px-md-4{padding-right: 1.5rem !important;}.p-md-5{padding: 3rem !important;}.pt-md-5, .py-md-5{padding-top: 3rem !important;}.pr-md-5, .px-md-5{padding-left: 3rem !important;}.pb-md-5, .py-md-5{padding-bottom: 3rem !important;}.pl-md-5, .px-md-5{padding-right: 3rem !important;}.m-md-n1{margin: -0.25rem !important;}.mt-md-n1, .my-md-n1{margin-top: -0.25rem !important;}.mr-md-n1, .mx-md-n1{margin-left: -0.25rem !important;}.mb-md-n1, .my-md-n1{margin-bottom: -0.25rem !important;}.ml-md-n1, .mx-md-n1{margin-right: -0.25rem !important;}.m-md-n2{margin: -0.5rem !important;}.mt-md-n2, .my-md-n2{margin-top: -0.5rem !important;}.mr-md-n2, .mx-md-n2{margin-left: -0.5rem !important;}.mb-md-n2, .my-md-n2{margin-bottom: -0.5rem !important;}.ml-md-n2, .mx-md-n2{margin-right: -0.5rem !important;}.m-md-n3{margin: -1rem !important;}.mt-md-n3, .my-md-n3{margin-top: -1rem !important;}.mr-md-n3, .mx-md-n3{margin-left: -1rem !important;}.mb-md-n3, .my-md-n3{margin-bottom: -1rem !important;}.ml-md-n3, .mx-md-n3{margin-right: -1rem !important;}.m-md-n4{margin: -1.5rem !important;}.mt-md-n4, .my-md-n4{margin-top: -1.5rem !important;}.mr-md-n4, .mx-md-n4{margin-left: -1.5rem !important;}.mb-md-n4, .my-md-n4{margin-bottom: -1.5rem !important;}.ml-md-n4, .mx-md-n4{margin-right: -1.5rem !important;}.m-md-n5{margin: -3rem !important;}.mt-md-n5, .my-md-n5{margin-top: -3rem !important;}.mr-md-n5, .mx-md-n5{margin-left: -3rem !important;}.mb-md-n5, .my-md-n5{margin-bottom: -3rem !important;}.ml-md-n5, .mx-md-n5{margin-right: -3rem !important;}.m-md-auto{margin: auto !important;}.mt-md-auto, .my-md-auto{margin-top: auto !important;}.mr-md-auto, .mx-md-auto{margin-left: auto !important;}.mb-md-auto, .my-md-auto{margin-bottom: auto !important;}.ml-md-auto, .mx-md-auto{margin-right: auto !important;}}@media (min-width: 992px){.m-lg-0{margin: 0 !important;}.mt-lg-0, .my-lg-0{margin-top: 0 !important;}.mr-lg-0, .mx-lg-0{margin-left: 0 !important;}.mb-lg-0, .my-lg-0{margin-bottom: 0 !important;}.ml-lg-0, .mx-lg-0{margin-right: 0 !important;}.m-lg-1{margin: 0.25rem !important;}.mt-lg-1, .my-lg-1{margin-top: 0.25rem !important;}.mr-lg-1, .mx-lg-1{margin-left: 0.25rem !important;}.mb-lg-1, .my-lg-1{margin-bottom: 0.25rem !important;}.ml-lg-1, .mx-lg-1{margin-right: 0.25rem !important;}.m-lg-2{margin: 0.5rem !important;}.mt-lg-2, .my-lg-2{margin-top: 0.5rem !important;}.mr-lg-2, .mx-lg-2{margin-left: 0.5rem !important;}.mb-lg-2, .my-lg-2{margin-bottom: 0.5rem !important;}.ml-lg-2, .mx-lg-2{margin-right: 0.5rem !important;}.m-lg-3{margin: 1rem !important;}.mt-lg-3, .my-lg-3{margin-top: 1rem !important;}.mr-lg-3, .mx-lg-3{margin-left: 1rem !important;}.mb-lg-3, .my-lg-3{margin-bottom: 1rem !important;}.ml-lg-3, .mx-lg-3{margin-right: 1rem !important;}.m-lg-4{margin: 1.5rem !important;}.mt-lg-4, .my-lg-4{margin-top: 1.5rem !important;}.mr-lg-4, .mx-lg-4{margin-left: 1.5rem !important;}.mb-lg-4, .my-lg-4{margin-bottom: 1.5rem !important;}.ml-lg-4, .mx-lg-4{margin-right: 1.5rem !important;}.m-lg-5{margin: 3rem !important;}.mt-lg-5, .my-lg-5{margin-top: 3rem !important;}.mr-lg-5, .mx-lg-5{margin-left: 3rem !important;}.mb-lg-5, .my-lg-5{margin-bottom: 3rem !important;}.ml-lg-5, .mx-lg-5{margin-right: 3rem !important;}.p-lg-0{padding: 0 !important;}.pt-lg-0, .py-lg-0{padding-top: 0 !important;}.pr-lg-0, .px-lg-0{padding-left: 0 !important;}.pb-lg-0, .py-lg-0{padding-bottom: 0 !important;}.pl-lg-0, .px-lg-0{padding-right: 0 !important;}.p-lg-1{padding: 0.25rem !important;}.pt-lg-1, .py-lg-1{padding-top: 0.25rem !important;}.pr-lg-1, .px-lg-1{padding-left: 0.25rem !important;}.pb-lg-1, .py-lg-1{padding-bottom: 0.25rem !important;}.pl-lg-1, .px-lg-1{padding-right: 0.25rem !important;}.p-lg-2{padding: 0.5rem !important;}.pt-lg-2, .py-lg-2{padding-top: 0.5rem !important;}.pr-lg-2, .px-lg-2{padding-left: 0.5rem !important;}.pb-lg-2, .py-lg-2{padding-bottom: 0.5rem !important;}.pl-lg-2, .px-lg-2{padding-right: 0.5rem !important;}.p-lg-3{padding: 1rem !important;}.pt-lg-3, .py-lg-3{padding-top: 1rem !important;}.pr-lg-3, .px-lg-3{padding-left: 1rem !important;}.pb-lg-3, .py-lg-3{padding-bottom: 1rem !important;}.pl-lg-3, .px-lg-3{padding-right: 1rem !important;}.p-lg-4{padding: 1.5rem !important;}.pt-lg-4, .py-lg-4{padding-top: 1.5rem !important;}.pr-lg-4, .px-lg-4{padding-left: 1.5rem !important;}.pb-lg-4, .py-lg-4{padding-bottom: 1.5rem !important;}.pl-lg-4, .px-lg-4{padding-right: 1.5rem !important;}.p-lg-5{padding: 3rem !important;}.pt-lg-5, .py-lg-5{padding-top: 3rem !important;}.pr-lg-5, .px-lg-5{padding-left: 3rem !important;}.pb-lg-5, .py-lg-5{padding-bottom: 3rem !important;}.pl-lg-5, .px-lg-5{padding-right: 3rem !important;}.m-lg-n1{margin: -0.25rem !important;}.mt-lg-n1, .my-lg-n1{margin-top: -0.25rem !important;}.mr-lg-n1, .mx-lg-n1{margin-left: -0.25rem !important;}.mb-lg-n1, .my-lg-n1{margin-bottom: -0.25rem !important;}.ml-lg-n1, .mx-lg-n1{margin-right: -0.25rem !important;}.m-lg-n2{margin: -0.5rem !important;}.mt-lg-n2, .my-lg-n2{margin-top: -0.5rem !important;}.mr-lg-n2, .mx-lg-n2{margin-left: -0.5rem !important;}.mb-lg-n2, .my-lg-n2{margin-bottom: -0.5rem !important;}.ml-lg-n2, .mx-lg-n2{margin-right: -0.5rem !important;}.m-lg-n3{margin: -1rem !important;}.mt-lg-n3, .my-lg-n3{margin-top: -1rem !important;}.mr-lg-n3, .mx-lg-n3{margin-left: -1rem !important;}.mb-lg-n3, .my-lg-n3{margin-bottom: -1rem !important;}.ml-lg-n3, .mx-lg-n3{margin-right: -1rem !important;}.m-lg-n4{margin: -1.5rem !important;}.mt-lg-n4, .my-lg-n4{margin-top: -1.5rem !important;}.mr-lg-n4, .mx-lg-n4{margin-left: -1.5rem !important;}.mb-lg-n4, .my-lg-n4{margin-bottom: -1.5rem !important;}.ml-lg-n4, .mx-lg-n4{margin-right: -1.5rem !important;}.m-lg-n5{margin: -3rem !important;}.mt-lg-n5, .my-lg-n5{margin-top: -3rem !important;}.mr-lg-n5, .mx-lg-n5{margin-left: -3rem !important;}.mb-lg-n5, .my-lg-n5{margin-bottom: -3rem !important;}.ml-lg-n5, .mx-lg-n5{margin-right: -3rem !important;}.m-lg-auto{margin: auto !important;}.mt-lg-auto, .my-lg-auto{margin-top: auto !important;}.mr-lg-auto, .mx-lg-auto{margin-left: auto !important;}.mb-lg-auto, .my-lg-auto{margin-bottom: auto !important;}.ml-lg-auto, .mx-lg-auto{margin-right: auto !important;}}@media (min-width: 1200px){.m-xl-0{margin: 0 !important;}.mt-xl-0, .my-xl-0{margin-top: 0 !important;}.mr-xl-0, .mx-xl-0{margin-left: 0 !important;}.mb-xl-0, .my-xl-0{margin-bottom: 0 !important;}.ml-xl-0, .mx-xl-0{margin-right: 0 !important;}.m-xl-1{margin: 0.25rem !important;}.mt-xl-1, .my-xl-1{margin-top: 0.25rem !important;}.mr-xl-1, .mx-xl-1{margin-left: 0.25rem !important;}.mb-xl-1, .my-xl-1{margin-bottom: 0.25rem !important;}.ml-xl-1, .mx-xl-1{margin-right: 0.25rem !important;}.m-xl-2{margin: 0.5rem !important;}.mt-xl-2, .my-xl-2{margin-top: 0.5rem !important;}.mr-xl-2, .mx-xl-2{margin-left: 0.5rem !important;}.mb-xl-2, .my-xl-2{margin-bottom: 0.5rem !important;}.ml-xl-2, .mx-xl-2{margin-right: 0.5rem !important;}.m-xl-3{margin: 1rem !important;}.mt-xl-3, .my-xl-3{margin-top: 1rem !important;}.mr-xl-3, .mx-xl-3{margin-left: 1rem !important;}.mb-xl-3, .my-xl-3{margin-bottom: 1rem !important;}.ml-xl-3, .mx-xl-3{margin-right: 1rem !important;}.m-xl-4{margin: 1.5rem !important;}.mt-xl-4, .my-xl-4{margin-top: 1.5rem !important;}.mr-xl-4, .mx-xl-4{margin-left: 1.5rem !important;}.mb-xl-4, .my-xl-4{margin-bottom: 1.5rem !important;}.ml-xl-4, .mx-xl-4{margin-right: 1.5rem !important;}.m-xl-5{margin: 3rem !important;}.mt-xl-5, .my-xl-5{margin-top: 3rem !important;}.mr-xl-5, .mx-xl-5{margin-left: 3rem !important;}.mb-xl-5, .my-xl-5{margin-bottom: 3rem !important;}.ml-xl-5, .mx-xl-5{margin-right: 3rem !important;}.p-xl-0{padding: 0 !important;}.pt-xl-0, .py-xl-0{padding-top: 0 !important;}.pr-xl-0, .px-xl-0{padding-left: 0 !important;}.pb-xl-0, .py-xl-0{padding-bottom: 0 !important;}.pl-xl-0, .px-xl-0{padding-right: 0 !important;}.p-xl-1{padding: 0.25rem !important;}.pt-xl-1, .py-xl-1{padding-top: 0.25rem !important;}.pr-xl-1, .px-xl-1{padding-left: 0.25rem !important;}.pb-xl-1, .py-xl-1{padding-bottom: 0.25rem !important;}.pl-xl-1, .px-xl-1{padding-right: 0.25rem !important;}.p-xl-2{padding: 0.5rem !important;}.pt-xl-2, .py-xl-2{padding-top: 0.5rem !important;}.pr-xl-2, .px-xl-2{padding-left: 0.5rem !important;}.pb-xl-2, .py-xl-2{padding-bottom: 0.5rem !important;}.pl-xl-2, .px-xl-2{padding-right: 0.5rem !important;}.p-xl-3{padding: 1rem !important;}.pt-xl-3, .py-xl-3{padding-top: 1rem !important;}.pr-xl-3, .px-xl-3{padding-left: 1rem !important;}.pb-xl-3, .py-xl-3{padding-bottom: 1rem !important;}.pl-xl-3, .px-xl-3{padding-right: 1rem !important;}.p-xl-4{padding: 1.5rem !important;}.pt-xl-4, .py-xl-4{padding-top: 1.5rem !important;}.pr-xl-4, .px-xl-4{padding-left: 1.5rem !important;}.pb-xl-4, .py-xl-4{padding-bottom: 1.5rem !important;}.pl-xl-4, .px-xl-4{padding-right: 1.5rem !important;}.p-xl-5{padding: 3rem !important;}.pt-xl-5, .py-xl-5{padding-top: 3rem !important;}.pr-xl-5, .px-xl-5{padding-left: 3rem !important;}.pb-xl-5, .py-xl-5{padding-bottom: 3rem !important;}.pl-xl-5, .px-xl-5{padding-right: 3rem !important;}.m-xl-n1{margin: -0.25rem !important;}.mt-xl-n1, .my-xl-n1{margin-top: -0.25rem !important;}.mr-xl-n1, .mx-xl-n1{margin-left: -0.25rem !important;}.mb-xl-n1, .my-xl-n1{margin-bottom: -0.25rem !important;}.ml-xl-n1, .mx-xl-n1{margin-right: -0.25rem !important;}.m-xl-n2{margin: -0.5rem !important;}.mt-xl-n2, .my-xl-n2{margin-top: -0.5rem !important;}.mr-xl-n2, .mx-xl-n2{margin-left: -0.5rem !important;}.mb-xl-n2, .my-xl-n2{margin-bottom: -0.5rem !important;}.ml-xl-n2, .mx-xl-n2{margin-right: -0.5rem !important;}.m-xl-n3{margin: -1rem !important;}.mt-xl-n3, .my-xl-n3{margin-top: -1rem !important;}.mr-xl-n3, .mx-xl-n3{margin-left: -1rem !important;}.mb-xl-n3, .my-xl-n3{margin-bottom: -1rem !important;}.ml-xl-n3, .mx-xl-n3{margin-right: -1rem !important;}.m-xl-n4{margin: -1.5rem !important;}.mt-xl-n4, .my-xl-n4{margin-top: -1.5rem !important;}.mr-xl-n4, .mx-xl-n4{margin-left: -1.5rem !important;}.mb-xl-n4, .my-xl-n4{margin-bottom: -1.5rem !important;}.ml-xl-n4, .mx-xl-n4{margin-right: -1.5rem !important;}.m-xl-n5{margin: -3rem !important;}.mt-xl-n5, .my-xl-n5{margin-top: -3rem !important;}.mr-xl-n5, .mx-xl-n5{margin-left: -3rem !important;}.mb-xl-n5, .my-xl-n5{margin-bottom: -3rem !important;}.ml-xl-n5, .mx-xl-n5{margin-right: -3rem !important;}.m-xl-auto{margin: auto !important;}.mt-xl-auto, .my-xl-auto{margin-top: auto !important;}.mr-xl-auto, .mx-xl-auto{margin-left: auto !important;}.mb-xl-auto, .my-xl-auto{margin-bottom: auto !important;}.ml-xl-auto, .mx-xl-auto{margin-right: auto !important;}}.text-monospace{font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;}.text-justify{text-align: justify !important;}.text-wrap{white-space: normal !important;}.text-nowrap, .o_portal_security_body section label, .o_portal_security_body section button{white-space: nowrap !important;}.text-truncate{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.text-left{text-align: right !important;}.text-right{text-align: left !important;}.text-center{text-align: center !important;}@media (min-width: 576px){.text-sm-left{text-align: right !important;}.text-sm-right{text-align: left !important;}.text-sm-center{text-align: center !important;}}@media (min-width: 768px){.text-md-left{text-align: right !important;}.text-md-right{text-align: left !important;}.text-md-center{text-align: center !important;}}@media (min-width: 992px){.text-lg-left{text-align: right !important;}.text-lg-right{text-align: left !important;}.text-lg-center{text-align: center !important;}}@media (min-width: 1200px){.text-xl-left{text-align: right !important;}.text-xl-right{text-align: left !important;}.text-xl-center{text-align: center !important;}}.text-lowercase{text-transform: lowercase !important;}.text-uppercase{text-transform: uppercase !important;}.text-capitalize{text-transform: capitalize !important;}.font-weight-light{font-weight: 300 !important;}.font-weight-lighter{font-weight: lighter !important;}.font-weight-normal{font-weight: 400 !important;}.font-weight-bold{font-weight: 700 !important;}.font-weight-bolder{font-weight: bolder !important;}.font-italic{font-style: italic !important;}.text-white{color: #FFFFFF !important;}.text-primary{color: #137DC5 !important;}a.text-primary:hover, a.text-primary:focus{color: #0c517f !important;}.text-secondary{color: #383E45 !important;}a.text-secondary:hover, a.text-secondary:focus{color: #16181b !important;}.text-success{color: #28a745 !important;}a.text-success:hover, a.text-success:focus{color: #19692c !important;}.text-info{color: #17a2b8 !important;}a.text-info:hover, a.text-info:focus{color: #0f6674 !important;}.text-warning{color: #ffc107 !important;}a.text-warning:hover, a.text-warning:focus{color: #ba8b00 !important;}.text-danger{color: #dc3545 !important;}a.text-danger:hover, a.text-danger:focus{color: #a71d2a !important;}.text-light{color: #f7f7f8 !important;}a.text-light:hover, a.text-light:focus{color: #d0d1d2 !important;}.text-dark{color: #191a1a !important;}a.text-dark:hover, a.text-dark:focus{color: black !important;}.text-body{color: #212529 !important;}.text-muted{color: rgba(33, 37, 41, 0.7) !important;}.text-black-50{color: rgba(0, 0, 0, 0.5) !important;}.text-white-50{color: rgba(255, 255, 255, 0.5) !important;}.text-hide{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}.text-decoration-none{text-decoration: none !important;}.text-break{word-break: break-word !important; overflow-wrap: break-word !important;}.text-reset{color: inherit !important;}.visible{visibility: visible !important;}.invisible{visibility: hidden !important;}@media print{*, *::before, *::after{text-shadow: none !important; box-shadow: none !important;}a:not(.btn){text-decoration: underline;}abbr[title]::after{content: " (" attr(title) ")";}pre{white-space: pre-wrap !important;}pre, blockquote{border: 1px solid #ADB5BD; page-break-inside: avoid;}thead{display: table-header-group;}tr, img{page-break-inside: avoid;}p, h2, h3{orphans: 3; widows: 3;}h2, h3{page-break-after: avoid;}@page{size: a3;}body{min-width: 992px !important;}.container, .o_container_small{min-width: 992px !important;}.navbar{display: none;}.badge{border: 1px solid #000000;}.table{border-collapse: collapse !important;}.table td, .table th{background-color: #FFFFFF !important;}.table-bordered th, .table-bordered td{border: 1px solid #DEE2E6 !important;}.table-dark{color: inherit;}.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody{border-color: #DEE2E6;}.table .thead-dark th{color: inherit; border-color: #DEE2E6;}} /* /web/static/src/scss/bootstrap_review.scss defined in bundle 'web.assets_frontend' */ .alert{clear: both;}.bg-100{background-color: #F8F9FA !important; color: #212529;}.bg-100 .text-muted, .o_colored_level .bg-100 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-100:hover, a.bg-100:focus, button.bg-100:hover, button.bg-100:focus{background-color: #dae0e5 !important; color: #212529;}.text-100{color: #F8F9FA !important;}a.text-100:hover, a.text-100:focus{color: #cbd3da !important;}.bg-200{background-color: #E9ECEF !important; color: #212529;}.bg-200 .text-muted, .o_colored_level .bg-200 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-200:hover, a.bg-200:focus, button.bg-200:hover, button.bg-200:focus{background-color: #cbd3da !important; color: #212529;}.text-200{color: #E9ECEF !important;}a.text-200:hover, a.text-200:focus{color: #bdc6cf !important;}.bg-300{background-color: #DEE2E6 !important; color: #212529;}.bg-300 .text-muted, .o_colored_level .bg-300 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-300:hover, a.bg-300:focus, button.bg-300:hover, button.bg-300:focus{background-color: #c1c9d0 !important; color: #212529;}.text-300{color: #DEE2E6 !important;}a.text-300:hover, a.text-300:focus{color: #b2bcc5 !important;}.bg-400{background-color: #CED4DA !important; color: #212529;}.bg-400 .text-muted, .o_colored_level .bg-400 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-400:hover, a.bg-400:focus, button.bg-400:hover, button.bg-400:focus{background-color: #b1bbc4 !important; color: #212529;}.text-400{color: #CED4DA !important;}a.text-400:hover, a.text-400:focus{color: #a2aeb9 !important;}.bg-500{background-color: #ADB5BD !important; color: #212529;}.bg-500 .text-muted, .o_colored_level .bg-500 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-500:hover, a.bg-500:focus, button.bg-500:hover, button.bg-500:focus{background-color: #919ca6 !important; color: #212529;}.text-500{color: #ADB5BD !important;}a.text-500:hover, a.text-500:focus{color: #838f9b !important;}.bg-600{background-color: #6C757D !important; color: #FFFFFF;}.bg-600 .text-muted, .o_colored_level .bg-600 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-600:hover, a.bg-600:focus, button.bg-600:hover, button.bg-600:focus{background-color: #545b62 !important; color: #FFFFFF;}.text-600{color: #6C757D !important;}a.text-600:hover, a.text-600:focus{color: #494f54 !important;}.bg-700{background-color: #495057 !important; color: #FFFFFF;}.bg-700 .text-muted, .o_colored_level .bg-700 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-700:hover, a.bg-700:focus, button.bg-700:hover, button.bg-700:focus{background-color: #32373b !important; color: #FFFFFF;}.text-700{color: #495057 !important;}a.text-700:hover, a.text-700:focus{color: #262a2d !important;}.bg-800{background-color: #343A40 !important; color: #FFFFFF;}.bg-800 .text-muted, .o_colored_level .bg-800 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-800:hover, a.bg-800:focus, button.bg-800:hover, button.bg-800:focus{background-color: #1d2124 !important; color: #FFFFFF;}.text-800{color: #343A40 !important;}a.text-800:hover, a.text-800:focus{color: #121416 !important;}.bg-900{background-color: #212529 !important; color: #FFFFFF;}.bg-900 .text-muted, .o_colored_level .bg-900 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-900:hover, a.bg-900:focus, button.bg-900:hover, button.bg-900:focus{background-color: #0a0c0d !important; color: #FFFFFF;}.text-900{color: #212529 !important;}a.text-900:hover, a.text-900:focus{color: black !important;}.bg-white-85{background-color: rgba(255, 255, 255, 0.85) !important; color: #212529;}.bg-white-85 .text-muted, .o_colored_level .bg-white-85 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-white-85:hover, a.bg-white-85:focus, button.bg-white-85:hover, button.bg-white-85:focus{background-color: rgba(230, 229, 229, 0.85) !important; color: #212529;}.text-white-85{color: rgba(255, 255, 255, 0.85) !important;}a.text-white-85:hover, a.text-white-85:focus{color: rgba(217, 217, 217, 0.85) !important;}.bg-white-75{background-color: rgba(255, 255, 255, 0.75) !important; color: #212529;}.bg-white-75 .text-muted, .o_colored_level .bg-white-75 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-white-75:hover, a.bg-white-75:focus, button.bg-white-75:hover, button.bg-white-75:focus{background-color: rgba(230, 229, 229, 0.75) !important; color: #212529;}.text-white-75{color: rgba(255, 255, 255, 0.75) !important;}a.text-white-75:hover, a.text-white-75:focus{color: rgba(217, 217, 217, 0.75) !important;}.bg-white-50{background-color: rgba(255, 255, 255, 0.5) !important; color: #212529;}.bg-white-50 .text-muted, .o_colored_level .bg-white-50 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-white-50:hover, a.bg-white-50:focus, button.bg-white-50:hover, button.bg-white-50:focus{background-color: rgba(230, 229, 229, 0.5) !important; color: #212529;}.text-white-50{color: rgba(255, 255, 255, 0.5) !important;}a.text-white-50:hover, a.text-white-50:focus{color: rgba(217, 217, 217, 0.5) !important;}.bg-white-25{background-color: rgba(255, 255, 255, 0.25) !important;}a.bg-white-25:hover, a.bg-white-25:focus, button.bg-white-25:hover, button.bg-white-25:focus{background-color: rgba(230, 229, 229, 0.25) !important;}.text-white-25{color: rgba(255, 255, 255, 0.25) !important;}a.text-white-25:hover, a.text-white-25:focus{color: rgba(217, 217, 217, 0.25) !important;}.bg-black-75{background-color: rgba(0, 0, 0, 0.75) !important; color: #FFFFFF;}.bg-black-75 .text-muted, .o_colored_level .bg-black-75 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-black-75:hover, a.bg-black-75:focus, button.bg-black-75:hover, button.bg-black-75:focus{background-color: rgba(0, 0, 0, 0.75) !important; color: #FFFFFF;}.text-black-75{color: rgba(0, 0, 0, 0.75) !important;}a.text-black-75:hover, a.text-black-75:focus{color: rgba(0, 0, 0, 0.75) !important;}.bg-black-50{background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF;}.bg-black-50 .text-muted, .o_colored_level .bg-black-50 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-black-50:hover, a.bg-black-50:focus, button.bg-black-50:hover, button.bg-black-50:focus{background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF;}.text-black-50{color: rgba(0, 0, 0, 0.5) !important;}a.text-black-50:hover, a.text-black-50:focus{color: rgba(0, 0, 0, 0.5) !important;}.bg-black-25{background-color: rgba(0, 0, 0, 0.25) !important;}a.bg-black-25:hover, a.bg-black-25:focus, button.bg-black-25:hover, button.bg-black-25:focus{background-color: rgba(0, 0, 0, 0.25) !important;}.text-black-25{color: rgba(0, 0, 0, 0.25) !important;}a.text-black-25:hover, a.text-black-25:focus{color: rgba(0, 0, 0, 0.25) !important;}.bg-black-15{background-color: rgba(0, 0, 0, 0.15) !important;}a.bg-black-15:hover, a.bg-black-15:focus, button.bg-black-15:hover, button.bg-black-15:focus{background-color: rgba(0, 0, 0, 0.15) !important;}.text-black-15{color: rgba(0, 0, 0, 0.15) !important;}a.text-black-15:hover, a.text-black-15:focus{color: rgba(0, 0, 0, 0.15) !important;}.bg-black{background-color: #000000 !important; color: #FFFFFF;}.bg-black .text-muted, .o_colored_level .bg-black .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus{background-color: black !important; color: #FFFFFF;}.text-black{color: #000000 !important;}a.text-black:hover, a.text-black:focus{color: black !important;}.bg-white{background-color: #FFFFFF !important; color: #212529;}.bg-white .text-muted, .o_colored_level .bg-white .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus{background-color: #e6e5e5 !important; color: #212529;}.text-white{color: #FFFFFF !important;}a.text-white:hover, a.text-white:focus{color: #d9d9d9 !important;}.card-body{background-color: rgba(255, 255, 255, 0.9) !important; color: #212529;}.card-body .text-muted, .o_colored_level .card-body .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.card-body:first-child{border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px);}.card-body:last-child{border-bottom-left-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px);}.card-body.row{background-color: transparent !important;}.accordion .collapsing > .card-body:first-child, .accordion .collapse.show > .card-body:first-child{margin-top: 1px;}.toast-header{background-clip: border-box;}.toast-body{background-color: rgba(255, 255, 255, 0.93) !important; color: #212529;}.toast-body .text-muted, .o_colored_level .toast-body .text-muted{color: rgba(33, 37, 41, 0.7) !important;}@media (min-width: 576px){.modal-dialog{height: 100%; padding: 1.75rem 0; margin: 0 auto;}.modal-content{max-height: 100%;}.modal-header, .modal-footer{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}.modal-body{overflow: auto; -webkit-transform: translate3d(0, 0, 0); min-height: 0;}}.modal-backdrop{display: none;}.modal:not([data-backdrop="false"]){background-color: rgba(0, 0, 0, 0.5);}.btn:not(:disabled):not(.o_wysiwyg_loader):not(.disabled){cursor: pointer;}.popover{right: auto;}.input-group-prepend > .btn, .input-group-append > .btn{padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; border-width: 1px;}.btn-fill-primary, .btn-primary{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.btn-fill-primary:hover, .btn-primary:hover{color: #FFFFFF; background-color: #1067a2; border-color: #0f5f96;}.btn-fill-primary:focus, .btn-primary:focus, .btn-fill-primary.focus, .focus.btn-primary{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.btn-fill-primary.disabled, .disabled.btn-primary, .btn-fill-primary:disabled, .btn-primary:disabled, .btn-primary.o_wysiwyg_loader, .btn-fill-primary.o_wysiwyg_loader{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-fill-primary.dropdown-toggle, .show > .dropdown-toggle.btn-primary{color: #FFFFFF; background-color: #0f5f96; border-color: #0d588b;}.btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-fill-primary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-primary:focus{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.btn-fill-secondary, .btn-secondary{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.btn-fill-secondary:hover, .btn-secondary:hover{color: #FFFFFF; background-color: #272b30; border-color: #212529;}.btn-fill-secondary:focus, .btn-secondary:focus, .btn-fill-secondary.focus, .focus.btn-secondary{box-shadow: 0 0 0 0.2rem rgba(86, 91, 97, 0.5);}.btn-fill-secondary.disabled, .disabled.btn-secondary, .btn-fill-secondary:disabled, .btn-secondary:disabled, .btn-secondary.o_wysiwyg_loader, .btn-fill-secondary.o_wysiwyg_loader{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-fill-secondary.dropdown-toggle, .show > .dropdown-toggle.btn-secondary{color: #FFFFFF; background-color: #212529; border-color: #1b1e22;}.btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-fill-secondary.dropdown-toggle:focus, .show > .dropdown-toggle.btn-secondary:focus{box-shadow: 0 0 0 0.2rem rgba(86, 91, 97, 0.5);}.btn-fill-success, .btn-success{color: #FFFFFF; background-color: #28a745; border-color: #28a745;}.btn-fill-success:hover, .btn-success:hover{color: #FFFFFF; background-color: #218838; border-color: #1e7e34;}.btn-fill-success:focus, .btn-success:focus, .btn-fill-success.focus, .focus.btn-success{box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}.btn-fill-success.disabled, .disabled.btn-success, .btn-fill-success:disabled, .btn-success:disabled, .btn-success.o_wysiwyg_loader, .btn-fill-success.o_wysiwyg_loader{color: #FFFFFF; background-color: #28a745; border-color: #28a745;}.btn-fill-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-fill-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-fill-success.dropdown-toggle, .show > .dropdown-toggle.btn-success{color: #FFFFFF; background-color: #1e7e34; border-color: #1c7430;}.btn-fill-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-fill-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-fill-success.dropdown-toggle:focus, .show > .dropdown-toggle.btn-success:focus{box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);}.btn-fill-info, .btn-info{color: #FFFFFF; background-color: #17a2b8; border-color: #17a2b8;}.btn-fill-info:hover, .btn-info:hover{color: #FFFFFF; background-color: #138496; border-color: #117a8b;}.btn-fill-info:focus, .btn-info:focus, .btn-fill-info.focus, .focus.btn-info{box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);}.btn-fill-info.disabled, .disabled.btn-info, .btn-fill-info:disabled, .btn-info:disabled, .btn-info.o_wysiwyg_loader, .btn-fill-info.o_wysiwyg_loader{color: #FFFFFF; background-color: #17a2b8; border-color: #17a2b8;}.btn-fill-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-fill-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-fill-info.dropdown-toggle, .show > .dropdown-toggle.btn-info{color: #FFFFFF; background-color: #117a8b; border-color: #10707f;}.btn-fill-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-fill-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-fill-info.dropdown-toggle:focus, .show > .dropdown-toggle.btn-info:focus{box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);}.btn-fill-warning, .btn-warning{color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-fill-warning:hover, .btn-warning:hover{color: #212529; background-color: #e0a800; border-color: #d39e00;}.btn-fill-warning:focus, .btn-warning:focus, .btn-fill-warning.focus, .focus.btn-warning{box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);}.btn-fill-warning.disabled, .disabled.btn-warning, .btn-fill-warning:disabled, .btn-warning:disabled, .btn-warning.o_wysiwyg_loader, .btn-fill-warning.o_wysiwyg_loader{color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-fill-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-fill-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-fill-warning.dropdown-toggle, .show > .dropdown-toggle.btn-warning{color: #212529; background-color: #d39e00; border-color: #c69500;}.btn-fill-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-fill-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-fill-warning.dropdown-toggle:focus, .show > .dropdown-toggle.btn-warning:focus{box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);}.btn-fill-danger, .btn-danger{color: #FFFFFF; background-color: #dc3545; border-color: #dc3545;}.btn-fill-danger:hover, .btn-danger:hover{color: #FFFFFF; background-color: #c82333; border-color: #bd2130;}.btn-fill-danger:focus, .btn-danger:focus, .btn-fill-danger.focus, .focus.btn-danger{box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}.btn-fill-danger.disabled, .disabled.btn-danger, .btn-fill-danger:disabled, .btn-danger:disabled, .btn-danger.o_wysiwyg_loader, .btn-fill-danger.o_wysiwyg_loader{color: #FFFFFF; background-color: #dc3545; border-color: #dc3545;}.btn-fill-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-fill-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-fill-danger.dropdown-toggle, .show > .dropdown-toggle.btn-danger{color: #FFFFFF; background-color: #bd2130; border-color: #b21f2d;}.btn-fill-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-fill-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-fill-danger.dropdown-toggle:focus, .show > .dropdown-toggle.btn-danger:focus{box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);}.btn-fill-light, .btn-light{color: #212529; background-color: #f7f7f8; border-color: #f7f7f8;}.btn-fill-light:hover, .btn-light:hover{color: #212529; background-color: #e4e4e5; border-color: #dddedf;}.btn-fill-light:focus, .btn-light:focus, .btn-fill-light.focus, .focus.btn-light{box-shadow: 0 0 0 0.2rem rgba(215, 216, 217, 0.5);}.btn-fill-light.disabled, .disabled.btn-light, .btn-fill-light:disabled, .btn-light:disabled, .btn-light.o_wysiwyg_loader, .btn-fill-light.o_wysiwyg_loader{color: #212529; background-color: #f7f7f8; border-color: #f7f7f8;}.btn-fill-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-fill-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .btn-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-fill-light.dropdown-toggle, .show > .dropdown-toggle.btn-light{color: #212529; background-color: #dddedf; border-color: #d7d8d8;}.btn-fill-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-fill-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .btn-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-fill-light.dropdown-toggle:focus, .show > .dropdown-toggle.btn-light:focus{box-shadow: 0 0 0 0.2rem rgba(215, 216, 217, 0.5);}.btn-fill-dark, .btn-dark{color: #FFFFFF; background-color: #191a1a; border-color: #191a1a;}.btn-fill-dark:hover, .btn-dark:hover{color: #FFFFFF; background-color: #060607; border-color: black;}.btn-fill-dark:focus, .btn-dark:focus, .btn-fill-dark.focus, .focus.btn-dark{box-shadow: 0 0 0 0.2rem rgba(59, 60, 60, 0.5);}.btn-fill-dark.disabled, .disabled.btn-dark, .btn-fill-dark:disabled, .btn-dark:disabled, .btn-dark.o_wysiwyg_loader, .btn-fill-dark.o_wysiwyg_loader{color: #FFFFFF; background-color: #191a1a; border-color: #191a1a;}.btn-fill-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-fill-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .btn-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-fill-dark.dropdown-toggle, .show > .dropdown-toggle.btn-dark{color: #FFFFFF; background-color: black; border-color: black;}.btn-fill-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-fill-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-fill-dark.dropdown-toggle:focus, .show > .dropdown-toggle.btn-dark:focus{box-shadow: 0 0 0 0.2rem rgba(59, 60, 60, 0.5);}.btn-outline-primary{color: #137DC5; border-color: #137DC5;}.btn-outline-primary:hover{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.btn-outline-primary:focus, .btn-outline-primary.focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-outline-primary.o_wysiwyg_loader{color: #137DC5; background-color: transparent;}.btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.btn-outline-secondary{color: #383E45; border-color: #383E45;}.btn-outline-secondary:hover{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.btn-outline-secondary:focus, .btn-outline-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.btn-outline-secondary.disabled, .btn-outline-secondary:disabled, .btn-outline-secondary.o_wysiwyg_loader{color: #383E45; background-color: transparent;}.btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.btn-outline-success{color: #28a745; border-color: #28a745;}.btn-outline-success:hover{color: #FFFFFF; background-color: #28a745; border-color: #28a745;}.btn-outline-success:focus, .btn-outline-success.focus{box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}.btn-outline-success.disabled, .btn-outline-success:disabled, .btn-outline-success.o_wysiwyg_loader{color: #28a745; background-color: transparent;}.btn-outline-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle{color: #FFFFFF; background-color: #28a745; border-color: #28a745;}.btn-outline-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);}.btn-outline-info{color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:hover{color: #FFFFFF; background-color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:focus, .btn-outline-info.focus{box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}.btn-outline-info.disabled, .btn-outline-info:disabled, .btn-outline-info.o_wysiwyg_loader{color: #17a2b8; background-color: transparent;}.btn-outline-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle{color: #FFFFFF; background-color: #17a2b8; border-color: #17a2b8;}.btn-outline-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);}.btn-outline-warning{color: #ffc107; border-color: #ffc107;}.btn-outline-warning:hover{color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-outline-warning:focus, .btn-outline-warning.focus{box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}.btn-outline-warning.disabled, .btn-outline-warning:disabled, .btn-outline-warning.o_wysiwyg_loader{color: #ffc107; background-color: transparent;}.btn-outline-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle{color: #212529; background-color: #ffc107; border-color: #ffc107;}.btn-outline-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);}.btn-outline-danger{color: #dc3545; border-color: #dc3545;}.btn-outline-danger:hover{color: #FFFFFF; background-color: #dc3545; border-color: #dc3545;}.btn-outline-danger:focus, .btn-outline-danger.focus{box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}.btn-outline-danger.disabled, .btn-outline-danger:disabled, .btn-outline-danger.o_wysiwyg_loader{color: #dc3545; background-color: transparent;}.btn-outline-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle{color: #FFFFFF; background-color: #dc3545; border-color: #dc3545;}.btn-outline-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);}.btn-outline-light{color: #f7f7f8; border-color: #f7f7f8;}.btn-outline-light:hover{color: #212529; background-color: #f7f7f8; border-color: #f7f7f8;}.btn-outline-light:focus, .btn-outline-light.focus{box-shadow: 0 0 0 0.2rem rgba(247, 247, 248, 0.5);}.btn-outline-light.disabled, .btn-outline-light:disabled, .btn-outline-light.o_wysiwyg_loader{color: #f7f7f8; background-color: transparent;}.btn-outline-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle{color: #212529; background-color: #f7f7f8; border-color: #f7f7f8;}.btn-outline-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(247, 247, 248, 0.5);}.btn-outline-dark{color: #191a1a; border-color: #191a1a;}.btn-outline-dark:hover{color: #FFFFFF; background-color: #191a1a; border-color: #191a1a;}.btn-outline-dark:focus, .btn-outline-dark.focus{box-shadow: 0 0 0 0.2rem rgba(25, 26, 26, 0.5);}.btn-outline-dark.disabled, .btn-outline-dark:disabled, .btn-outline-dark.o_wysiwyg_loader{color: #191a1a; background-color: transparent;}.btn-outline-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle{color: #FFFFFF; background-color: #191a1a; border-color: #191a1a;}.btn-outline-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(25, 26, 26, 0.5);}.navbar-dark .navbar-toggler, .navbar-light .navbar-toggler{padding-right: 0; padding-left: 0;}.navbar-light .navbar-toggler{padding-right: 0; padding-left: 0;}.navbar-nav.nav-pills .nav-link{padding-left: 1rem; padding-right: 1rem;}.carousel-control-next .sr-only{right: 50%;} /* /web/static/src/scss/base_frontend.scss defined in bundle 'web.assets_frontend' */ html, body, #wrapwrap{width: 100%; height: 100%; overflow: hidden;}#wrapwrap{z-index: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; overflow: auto;}#wrapwrap > *{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}#wrapwrap > main{-webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto;}.modal-open #wrapwrap{overflow: hidden;} /* /web/static/src/scss/lazyloader.scss defined in bundle 'web.assets_frontend' */ a[href].o_wait_lazy_js, .o_wait_lazy_js a[href], button.o_wait_lazy_js, .o_wait_lazy_js button, input[type="submit"].o_wait_lazy_js, .o_wait_lazy_js input[type="submit"], input[type="button"].o_wait_lazy_js, .o_wait_lazy_js input[type="button"], .btn.o_wait_lazy_js, .o_wait_lazy_js .btn{pointer-events: none;} /* /web/static/src/scss/navbar_mobile.scss defined in bundle 'web.assets_frontend' */ @media (max-width: 767.98px){.o_main_navbar .o_app{float: none; margin: 0; border-bottom: 1px solid #68465f; color: transparent !important;}}@media (max-width: 767.98px){.o_main_navbar > .o_menu_brand{float: none; margin: 0; border-bottom: 1px solid #68465f; color: transparent !important;}}@media (max-width: 767.98px){.o_main_navbar{transition: height 200ms linear 0s; position: relative; height: 46px;}.o_main_navbar > ul > li{float: none;}.o_main_navbar > ul > li .dropdown-backdrop{display: none;}.o_main_navbar > ul > li .dropdown-menu.show{max-height: none;}.o_main_navbar > ul.o_menu_sections{width: 100%; display: none;}.o_main_navbar > ul.o_menu_sections .dropdown-menu.show{position: static; float: none; background-color: transparent; box-shadow: none; border: none; overflow: visible;}.o_main_navbar > ul.o_menu_sections .dropdown-menu.show > .dropdown-item{background-color: transparent; color: inherit;}.o_main_navbar > ul.o_menu_systray{position: absolute; top: 0px; right: 46px; bottom: auto; left: 46px; height: 46px; text-align: left;}.o_main_navbar > ul.o_menu_systray > li{display: inline-block;}.o_main_navbar > ul.o_menu_systray > li .dropdown-menu.show{position: absolute; top: 46px; right: 0; bottom: 0; left: 0; position: fixed; width: auto;}.o_main_navbar > ul.o_menu_systray .o_user_menu .oe_topbar_name{display: none;}}@media (max-width: 767.98px){body.o_mobile_menu_opened > .o_main_navbar{height: 100%; overflow: auto;}body.o_mobile_menu_opened > .o_main_navbar .o_menu_sections{display: block;}}@media (max-width: 767.98px){.o_switch_company_menu > .dropdown-menu{padding-top: 0px;}.o_switch_company_menu > .dropdown-menu .bg-info{padding: 10px;}} /* /web/static/src/scss/notification.scss defined in bundle 'web.assets_frontend' */ .o_notification_manager{position: absolute; top: 3.5rem; right: auto; bottom: auto; left: 0; position: fixed; z-index: 1055; width: 350px; margin-left: 8px; max-width: 100%;}.o_notification_manager .toast:not(:last-child){margin-bottom: 5px;}.o_notification_manager .o_notification{width: 100%;}.o_notification_manager .o_notification .toast-body{padding: 8px 10px;}.o_notification_manager .o_notification .toast-body .o_notification_close{height: 20px; margin-right: 1rem;} /* /web_editor/static/src/scss/web_editor.common.scss defined in bundle 'web.assets_frontend' */ :root{--100: #F8F9FA; --200: #E9ECEF; --300: #DEE2E6; --400: #CED4DA; --500: #ADB5BD; --600: #6C757D; --700: #495057; --800: #343A40; --900: #212529; --white-85: rgba(255, 255, 255, 0.85); --white-75: rgba(255, 255, 255, 0.75); --white-50: rgba(255, 255, 255, 0.5); --white-25: rgba(255, 255, 255, 0.25); --black-75: rgba(0, 0, 0, 0.75); --black-50: rgba(0, 0, 0, 0.5); --black-25: rgba(0, 0, 0, 0.25); --black-15: rgba(0, 0, 0, 0.15); --black: #000000; --white: #FFFFFF; --o-cc1-text: #212529; --o-cc1-headings: #212529; --o-cc1-h2: #212529; --o-cc1-h3: #212529; --o-cc1-h4: #212529; --o-cc1-h5: #212529; --o-cc1-h6: #212529; --o-cc1-link: #0f5f96; --o-cc1-btn-primary: #137DC5; --o-cc1-btn-primary-border: #137DC5; --o-cc1-btn-secondary: #383E45; --o-cc1-btn-secondary-border: #383E45; --o-cc2-text: #212529; --o-cc2-h2: #137DC5; --o-cc2-h3: #137DC5; --o-cc2-h4: #137DC5; --o-cc2-h5: #137DC5; --o-cc2-h6: #137DC5; --o-cc2-link: #0d5789; --o-cc2-btn-primary: #137DC5; --o-cc2-btn-primary-border: #137DC5; --o-cc2-btn-secondary: #383E45; --o-cc2-btn-secondary-border: #383E45; --o-cc3-text: #FFFFFF; --o-cc3-headings: #FFFFFF; --o-cc3-h2: #FFFFFF; --o-cc3-h3: #FFFFFF; --o-cc3-h4: #FFFFFF; --o-cc3-h5: #FFFFFF; --o-cc3-h6: #FFFFFF; --o-cc3-link: #39a3ec; --o-cc3-btn-primary: #137DC5; --o-cc3-btn-primary-border: #137DC5; --o-cc3-btn-secondary-border: #F6F6F6; --o-cc4-text: #FFFFFF; --o-cc4-headings: #FFFFFF; --o-cc4-h2: #FFFFFF; --o-cc4-h3: #FFFFFF; --o-cc4-h4: #FFFFFF; --o-cc4-h5: #FFFFFF; --o-cc4-h6: #FFFFFF; --o-cc4-link: #16181b; --o-cc4-btn-primary-border: #383E45; --o-cc4-btn-secondary-border: #F6F6F6; --o-cc5-text: #FFFFFF; --o-cc5-h2: #FFFFFF; --o-cc5-h3: #FFFFFF; --o-cc5-h4: #FFFFFF; --o-cc5-h5: #FFFFFF; --o-cc5-h6: #FFFFFF; --o-cc5-link: #39a3ec; --o-cc5-btn-primary: #137DC5; --o-cc5-btn-primary-border: #137DC5; --o-cc5-btn-secondary-border: #F6F6F6; --o-grid-gutter-width: 30px; --o-md-container-max-width: 720px;}html, body{position: relative; width: 100%; height: 100%;}.css_non_editable_mode_hidden{display: none !important;}.editor_enable .css_editable_mode_hidden{display: none !important;}.note-toolbar{margin-right: 0 !important;}.note-popover .popover > .arrow{display: none;}.note-popover .popover .dropdown-menu .dropdown-item > i, .note-editor .dropdown-menu .dropdown-item > i{visibility: hidden;}.note-popover .popover .dropdown-menu .dropdown-item.checked > i, .note-editor .dropdown-menu .dropdown-item.checked > i{visibility: visible;}#wrapwrap table.table.table-bordered, .o_editable table.table.table-bordered{table-layout: fixed;}#wrapwrap table.table.table-bordered td, .o_editable table.table.table-bordered td{min-width: 20px;}@media (max-width: 767.98px){#wrapwrap .table-responsive > table.table, .o_editable .table-responsive > table.table{table-layout: auto;}}ul.o_checklist{list-style: none;}ul.o_checklist > li{position: relative; margin-right: 20px;}ul.o_checklist > li::before{content: ''; position: absolute; right: -20px; display: block; height: 13px; width: 13px; margin-top: 4px; border: 1px solid; text-align: center; cursor: pointer;}ul.o_checklist > li.o_checked{text-decoration: line-through;}ul.o_checklist > li.o_checked::after{content: "✓"; position: absolute; right: -18px; top: +1px;}ol > li.o_indent, ul > li.o_indent{margin-right: 0; list-style: none;}ol > li.o_indent::before, ul > li.o_indent::before{content: none;}img.o_we_custom_image{display: inline-block;}img.shadow{box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);}img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small{padding: 4px;}img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium{padding: 8px;}img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large{padding: 16px;}img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl{padding: 32px;}img.ml-auto, img.mx-auto, img.o_portal_security_body{display: block;}.fa-6x{font-size: 6em;}.fa-7x{font-size: 7em;}.fa-8x{font-size: 8em;}.fa-9x{font-size: 9em;}.fa-10x{font-size: 10em;}.fa.mx-auto, .fa.o_portal_security_body{display: block; text-align: center;}.fa.card-img, .fa.card-img-top, .s_latest_posts[data-vcss='001'] .s_latest_posts_card .card .s_latest_posts_post_cover .o_record_cover_container .fa.o_record_cover_image, .fa.card-img-bottom{width: auto;}div.media_iframe_video{margin: 0 auto; text-align: center; position: relative; overflow: hidden; min-width: 100px;}div.media_iframe_video iframe{width: 100%; height: 100%; position: absolute; top: 0; right: auto; bottom: auto; left: auto; margin: 0 auto; margin-right: -50%;}div.media_iframe_video.padding-small iframe{padding: 4px;}div.media_iframe_video.padding-medium iframe{padding: 8px;}div.media_iframe_video.padding-large iframe{padding: 16px;}div.media_iframe_video.padding-xl iframe{padding: 32px;}div.media_iframe_video .media_iframe_video_size{padding-bottom: 66.5%; position: relative; width: 100%; height: 0;}div.media_iframe_video .css_editable_mode_display{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 2;}html[data-browser^="msie"] div.media_iframe_video iframe{margin-right: 0;}address .fa.fa-mobile-phone{margin: 0 2px 0 3px;}address .fa.fa-file-text-o{margin-left: 1px;}span[data-oe-type="monetary"]{white-space: nowrap;}ul.oe_menu_editor .oe_menu_placeholder{outline: 1px dashed #4183C4;}ul.oe_menu_editor ul{list-style: none;}ul.oe_menu_editor li div{cursor: move;}.mt0{margin-top: 0px !important;}.mb0{margin-bottom: 0px !important;}.pt0{padding-top: 0px !important;}.pb0{padding-bottom: 0px !important;}.mt8{margin-top: 8px !important;}.mb8{margin-bottom: 8px !important;}.pt8{padding-top: 8px !important;}.pb8{padding-bottom: 8px !important;}.mt16{margin-top: 16px !important;}.mb16{margin-bottom: 16px !important;}.pt16{padding-top: 16px !important;}.pb16{padding-bottom: 16px !important;}.mt24{margin-top: 24px !important;}.mb24{margin-bottom: 24px !important;}.pt24{padding-top: 24px !important;}.pb24{padding-bottom: 24px !important;}.mt32{margin-top: 32px !important;}.mb32{margin-bottom: 32px !important;}.pt32{padding-top: 32px !important;}.pb32{padding-bottom: 32px !important;}.mt40{margin-top: 40px !important;}.mb40{margin-bottom: 40px !important;}.pt40{padding-top: 40px !important;}.pb40{padding-bottom: 40px !important;}.mt48{margin-top: 48px !important;}.mb48{margin-bottom: 48px !important;}.pt48{padding-top: 48px !important;}.pb48{padding-bottom: 48px !important;}.mt56{margin-top: 56px !important;}.mb56{margin-bottom: 56px !important;}.pt56{padding-top: 56px !important;}.pb56{padding-bottom: 56px !important;}.mt64{margin-top: 64px !important;}.mb64{margin-bottom: 64px !important;}.pt64{padding-top: 64px !important;}.pb64{padding-bottom: 64px !important;}.mt72{margin-top: 72px !important;}.mb72{margin-bottom: 72px !important;}.pt72{padding-top: 72px !important;}.pb72{padding-bottom: 72px !important;}.mt80{margin-top: 80px !important;}.mb80{margin-bottom: 80px !important;}.pt80{padding-top: 80px !important;}.pb80{padding-bottom: 80px !important;}.mt88{margin-top: 88px !important;}.mb88{margin-bottom: 88px !important;}.pt88{padding-top: 88px !important;}.pb88{padding-bottom: 88px !important;}.mt96{margin-top: 96px !important;}.mb96{margin-bottom: 96px !important;}.pt96{padding-top: 96px !important;}.pb96{padding-bottom: 96px !important;}.mt104{margin-top: 104px !important;}.mb104{margin-bottom: 104px !important;}.pt104{padding-top: 104px !important;}.pb104{padding-bottom: 104px !important;}.mt112{margin-top: 112px !important;}.mb112{margin-bottom: 112px !important;}.pt112{padding-top: 112px !important;}.pb112{padding-bottom: 112px !important;}.mt120{margin-top: 120px !important;}.mb120{margin-bottom: 120px !important;}.pt120{padding-top: 120px !important;}.pb120{padding-bottom: 120px !important;}.mt128{margin-top: 128px !important;}.mb128{margin-bottom: 128px !important;}.pt128{padding-top: 128px !important;}.pb128{padding-bottom: 128px !important;}.mt136{margin-top: 136px !important;}.mb136{margin-bottom: 136px !important;}.pt136{padding-top: 136px !important;}.pb136{padding-bottom: 136px !important;}.mt144{margin-top: 144px !important;}.mb144{margin-bottom: 144px !important;}.pt144{padding-top: 144px !important;}.pb144{padding-bottom: 144px !important;}.mt152{margin-top: 152px !important;}.mb152{margin-bottom: 152px !important;}.pt152{padding-top: 152px !important;}.pb152{padding-bottom: 152px !important;}.mt160{margin-top: 160px !important;}.mb160{margin-bottom: 160px !important;}.pt160{padding-top: 160px !important;}.pb160{padding-bottom: 160px !important;}.mt168{margin-top: 168px !important;}.mb168{margin-bottom: 168px !important;}.pt168{padding-top: 168px !important;}.pb168{padding-bottom: 168px !important;}.mt176{margin-top: 176px !important;}.mb176{margin-bottom: 176px !important;}.pt176{padding-top: 176px !important;}.pb176{padding-bottom: 176px !important;}.mt184{margin-top: 184px !important;}.mb184{margin-bottom: 184px !important;}.pt184{padding-top: 184px !important;}.pb184{padding-bottom: 184px !important;}.mt192{margin-top: 192px !important;}.mb192{margin-bottom: 192px !important;}.pt192{padding-top: 192px !important;}.pb192{padding-bottom: 192px !important;}.mt200{margin-top: 200px !important;}.mb200{margin-bottom: 200px !important;}.pt200{padding-top: 200px !important;}.pb200{padding-bottom: 200px !important;}.mt208{margin-top: 208px !important;}.mb208{margin-bottom: 208px !important;}.pt208{padding-top: 208px !important;}.pb208{padding-bottom: 208px !important;}.mt216{margin-top: 216px !important;}.mb216{margin-bottom: 216px !important;}.pt216{padding-top: 216px !important;}.pb216{padding-bottom: 216px !important;}.mt224{margin-top: 224px !important;}.mb224{margin-bottom: 224px !important;}.pt224{padding-top: 224px !important;}.pb224{padding-bottom: 224px !important;}.mt232{margin-top: 232px !important;}.mb232{margin-bottom: 232px !important;}.pt232{padding-top: 232px !important;}.pb232{padding-bottom: 232px !important;}.mt240{margin-top: 240px !important;}.mb240{margin-bottom: 240px !important;}.pt240{padding-top: 240px !important;}.pb240{padding-bottom: 240px !important;}.mt248{margin-top: 248px !important;}.mb248{margin-bottom: 248px !important;}.pt248{padding-top: 248px !important;}.pb248{padding-bottom: 248px !important;}.mt256{margin-top: 256px !important;}.mb256{margin-bottom: 256px !important;}.pt256{padding-top: 256px !important;}.pb256{padding-bottom: 256px !important;}.mt4{margin-top: 4px !important;}.mb4{margin-bottom: 4px !important;}.pt4{padding-top: 4px !important;}.pb4{padding-bottom: 4px !important;}.mt92{margin-top: 92px !important;}.mb92{margin-bottom: 92px !important;}.ml0{margin-right: 0px !important;}.mr0{margin-left: 0px !important;}.ml4{margin-right: 4px !important;}.mr4{margin-left: 4px !important;}.ml8{margin-right: 8px !important;}.mr8{margin-left: 8px !important;}.ml16{margin-right: 16px !important;}.mr16{margin-left: 16px !important;}.ml32{margin-right: 32px !important;}.mr32{margin-left: 32px !important;}.ml64{margin-right: 64px !important;}.mr64{margin-left: 64px !important;}a.o_underline{text-decoration: underline;}a.o_underline:hover{text-decoration: underline;}.o_ace_view_editor{background: #2F3129; color: white; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; opacity: 0.97;}.o_ace_view_editor .o_ace_view_editor_title{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding: 7.5px;}.o_ace_view_editor .o_ace_view_editor_title > .o_ace_type_switcher > button::after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 0; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; border-top: 0.3em solid; -moz-transform: scale(0.9999); margin-right: 4px;}.o_ace_view_editor .o_ace_view_editor_title > *{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0 7.5px;}.o_ace_view_editor .o_ace_view_editor_title > *.o_include_option{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; font-size: 11px;}.o_ace_view_editor .o_ace_view_editor_title > *.o_include_option > .custom-control{margin-left: 7.5px;}.o_ace_view_editor .o_ace_view_editor_title > *.o_res_list{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 60px;}.o_ace_view_editor #ace-view-id{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; padding: 7.5px 15px; background-color: #4a4d40;}.o_ace_view_editor #ace-view-id .o_ace_editor_resource_info{color: #ebecee;}.o_ace_view_editor #ace-view-editor{height: 70%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}.o_ace_view_editor #ace-view-editor .ace_gutter{cursor: ew-resize;}.o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error{position: relative;}.o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error::before{position: absolute; top: -100vh; right: auto; bottom: -100vh; left: 0; content: ""; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #e6586c; color: white; font-size: 1.2em; align-items: center; justify-content: center; cursor: help; width: 2px;}.o_ace_view_editor #ace-view-editor .ace_gutter .ace_gutter-cell.o_error::after{position: absolute; top: -100%; right: 0; bottom: -100%; left: 0; content: ""; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #e6586c; color: white; font-size: 1.2em; align-items: center; justify-content: center; cursor: help; font-family: FontAwesome; content: "\f071";}.o_ace_view_editor #ace-view-editor .ace_resize_bar{position: absolute; top: auto; right: auto; bottom: auto; left: 0; width: 25px; height: 100%; cursor: ew-resize;}.o_ace_error_popover{max-width: 40vw;}.o_ace_error_popover .popover-body{background-color: #4a4d40; color: #ebecee;}.o_ace_error_popover.bs-popover-left .arrow::after, .o_ace_error_popover.bs-popover-auto[x-placement^="left"] .arrow::after{border-right-color: #4a4d40;}.o_ace_error_popover.bs-popover-right .arrow::after, .o_ace_error_popover.bs-popover-auto[x-placement^="right"] .arrow::after{border-left-color: #4a4d40;}.o_ace_error_popover code{display: block; max-width: 100%; overflow-x: auto; white-space: pre; color: cyan;}.o_ace_select2_dropdown{width: auto !important; padding-top: 4px; font-family: monospace !important;}.o_ace_select2_dropdown > .select2-results{max-height: none; max-height: 70vh;}.o_ace_select2_dropdown > .select2-results .select2-result-label{padding-top: 1px; padding-bottom: 2px;}.o_ace_select2_dropdown > .select2-results .select2-result-label > .o_ace_select2_result{padding: 0; font-size: 12px; white-space: nowrap;}.o_nocontent_help{pointer-events: auto; max-width: 650px; margin: auto; padding: 15px; z-index: 1000; text-align: center; color: #777777; font-size: 115%;}.o_nocontent_help > p:first-of-type{margin-top: 0; color: black; font-weight: bold; font-size: 125%;}.o_nocontent_help a{cursor: pointer;}.o_we_search_prompt{position: relative; min-height: 250px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.o_we_search_prompt > h2{max-width: 500px; text-align: center;}.o_we_search_prompt::before{content: ""; position: absolute; top: 0; right: auto; bottom: auto; left: 50px; width: 100px; height: 150px; opacity: .5; background-image: url("/web_editor/static/src/img/curved_arrow.svg"); background-size: 100%; background-repeat: no-repeat;}@media (max-width: 767.98px){odoo-wysiwyg-container .panel-heading.note-toolbar{overflow-x: auto;}odoo-wysiwyg-container .btn-group{position: static;}.o_technical_modal.o_web_editor_dialog{z-index: 2001;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog{max-width: inherit !important; z-index: 2001;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-dialog, .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .model-content{height: 100%;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .nav .nav-item.search{width: 100%;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .nav .nav-item.search .btn-group{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-around; padding: 5px;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .font-icons-icons{text-align: center;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-control.o_we_search{height: inherit;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-inline .btn-group{width: 100%;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-inline .btn-group .btn.btn-primary:not(.dropdown-toggle){width: 90%;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-inline > .input-group.ml-2{margin-right: 0 !important;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-inline > .input-group.ml-2 > .input-group-append{width: 100%;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-inline > .input-group.ml-2 > .input-group-append > .btn{width: 100%;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-inline > .input-group.ml-2 > .input-group-append > .ml-2{margin-right: 0 !important;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row > .o_existing_attachment_cell{flex: initial; max-width: 100%;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row > .o_existing_attachment_cell > .o_existing_attachment_remove{opacity: inherit; top: 10px;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body #editor-media-image .unsplash_img_container .unsplash_error .mx-auto, .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body #editor-media-image .unsplash_img_container .unsplash_error .o_portal_security_body{width: 100%;}.o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body #editor-media-image .unsplash_img_container .unsplash_error .mx-auto .form-group input.w-100, .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body #editor-media-image .unsplash_img_container .unsplash_error .o_portal_security_body .form-group input.w-100{min-width: 100px;}}blockquote{padding: 0.5rem 1rem; border-right: 5px solid; border-color: #DEE2E6; font-style: italic;}.o_cc .dropdown-menu .dropdown-item, .o_footer .dropdown-menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item, .o_cc .dropdown-menu .dropdown-item h6, .o_footer .dropdown-menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item, .o_colored_level .o_footer .dropdown-menu .dropdown-item, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6, .o_colored_level .o_footer .dropdown-menu .dropdown-item h6, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6{color: #212529 !important;}.o_cc .dropdown-menu .dropdown-item:hover, .o_footer .dropdown-menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:hover, .o_cc .dropdown-menu .dropdown-item:focus, .o_footer .dropdown-menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:focus, .o_cc .dropdown-menu .dropdown-item h6:hover, .o_footer .dropdown-menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6:hover, .o_cc .dropdown-menu .dropdown-item h6:focus, .o_footer .dropdown-menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6:focus, .o_colored_level .o_cc .dropdown-menu .dropdown-item:hover, .o_colored_level .o_footer .dropdown-menu .dropdown-item:hover, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item:focus, .o_colored_level .o_footer .dropdown-menu .dropdown-item:focus, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:focus, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:hover, .o_colored_level .o_footer .dropdown-menu .dropdown-item h6:hover, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item h6:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:focus, .o_colored_level .o_footer .dropdown-menu .dropdown-item h6:focus, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item h6:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item h6:focus{color: #16181b !important;}.o_cc .dropdown-menu .dropdown-item.disabled, .o_footer .dropdown-menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled, .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_footer .dropdown-menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled h6, .o_cc .dropdown-menu .dropdown-item:disabled, .o_footer .dropdown-menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_cc .dropdown-menu .dropdown-item:disabled h6, .o_footer .dropdown-menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled, .o_colored_level .o_footer .dropdown-menu .dropdown-item.disabled, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_colored_level .o_footer .dropdown-menu .dropdown-item.disabled h6, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.disabled h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.disabled h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled, .o_colored_level .o_footer .dropdown-menu .dropdown-item:disabled, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_colored_level .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled h6, .o_colored_level .o_footer .dropdown-menu .dropdown-item:disabled h6, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:disabled h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:disabled h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_colored_level .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader h6{color: #6C757D !important;}.o_cc .dropdown-menu .dropdown-item-text .text-muted, .o_footer .dropdown-menu .dropdown-item-text .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item-text .text-muted, .o_colored_level .o_cc .dropdown-menu .dropdown-item-text .text-muted, .o_colored_level .o_footer .dropdown-menu .dropdown-item-text .text-muted, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item-text .text-muted, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item-text .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.o_cc1, .o_footer .s_popup, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar{background-color: #FFFFFF; color: #212529;}.o_cc1 .text-muted, .o_footer .s_popup .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .text-muted, .o_colored_level .o_cc1 .text-muted, .o_colored_level .o_footer .s_popup .text-muted, .o_footer .o_colored_level .s_popup .text-muted, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.o_cc1 a:not(.btn), .o_footer .s_popup a:not(.btn), #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a:not(.btn), .o_cc1 .btn-link, .o_footer .s_popup .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-link, .o_colored_level .o_cc1 a:not(.btn), .o_colored_level .o_footer .s_popup a:not(.btn), .o_footer .o_colored_level .s_popup a:not(.btn), .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a:not(.btn), .o_colored_level .o_cc1 .btn-link, .o_colored_level .o_footer .s_popup .btn-link, .o_footer .o_colored_level .s_popup .btn-link, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-link{color: #0f5f96;}.o_cc1 a:not(.btn):hover, .o_footer .s_popup a:not(.btn):hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a:not(.btn):hover, .o_cc1 .btn-link:hover, .o_footer .s_popup .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-link:hover, .o_colored_level .o_cc1 a:not(.btn):hover, .o_colored_level .o_footer .s_popup a:not(.btn):hover, .o_footer .o_colored_level .s_popup a:not(.btn):hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a:not(.btn):hover, .o_colored_level .o_cc1 .btn-link:hover, .o_colored_level .o_footer .s_popup .btn-link:hover, .o_footer .o_colored_level .s_popup .btn-link:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-link:hover{color: #0c517f;}.o_cc1 .btn-fill-primary, .o_footer .s_popup .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .o_cc1 .btn-primary, .o_footer .s_popup .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary, .o_colored_level .o_cc1 .btn-fill-primary, .o_colored_level .o_footer .s_popup .btn-fill-primary, .o_footer .o_colored_level .s_popup .btn-fill-primary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary, .o_colored_level .o_cc1 .btn-primary, .o_colored_level .o_footer .s_popup .btn-primary, .o_footer .o_colored_level .s_popup .btn-primary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc1 .btn-fill-primary:hover, .o_footer .s_popup .btn-fill-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:hover, .o_cc1 .btn-primary:hover, .o_footer .s_popup .btn-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:hover, .o_colored_level .o_cc1 .btn-fill-primary:hover, .o_colored_level .o_footer .s_popup .btn-fill-primary:hover, .o_footer .o_colored_level .s_popup .btn-fill-primary:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:hover, .o_colored_level .o_cc1 .btn-primary:hover, .o_colored_level .o_footer .s_popup .btn-primary:hover, .o_footer .o_colored_level .s_popup .btn-primary:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:hover{color: #FFFFFF; background-color: #1067a2; border-color: #0f5f96;}.o_cc1 .btn-fill-primary:focus, .o_footer .s_popup .btn-fill-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:focus, .o_cc1 .btn-primary:focus, .o_footer .s_popup .btn-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:focus, .o_cc1 .btn-fill-primary.focus, .o_footer .s_popup .btn-fill-primary.focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.focus, .o_cc1 .focus.btn-primary, .o_footer .s_popup .focus.btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .focus.btn-primary, .o_colored_level .o_cc1 .btn-fill-primary:focus, .o_colored_level .o_footer .s_popup .btn-fill-primary:focus, .o_footer .o_colored_level .s_popup .btn-fill-primary:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:focus, .o_colored_level .o_cc1 .btn-primary:focus, .o_colored_level .o_footer .s_popup .btn-primary:focus, .o_footer .o_colored_level .s_popup .btn-primary:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:focus, .o_colored_level .o_cc1 .btn-fill-primary.focus, .o_colored_level .o_footer .s_popup .btn-fill-primary.focus, .o_footer .o_colored_level .s_popup .btn-fill-primary.focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.focus, .o_colored_level .o_cc1 .focus.btn-primary, .o_colored_level .o_footer .s_popup .focus.btn-primary, .o_footer .o_colored_level .s_popup .focus.btn-primary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .focus.btn-primary{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.o_cc1 .btn-fill-primary.disabled, .o_footer .s_popup .btn-fill-primary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.disabled, .o_cc1 .disabled.btn-primary, .o_footer .s_popup .disabled.btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .disabled.btn-primary, .o_cc1 .btn-fill-primary:disabled, .o_footer .s_popup .btn-fill-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:disabled, .o_cc1 .btn-primary:disabled, .o_footer .s_popup .btn-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:disabled, .o_cc1 .btn-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary.o_wysiwyg_loader, .o_cc1 .btn-fill-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-fill-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.o_wysiwyg_loader, .o_colored_level .o_cc1 .btn-fill-primary.disabled, .o_colored_level .o_footer .s_popup .btn-fill-primary.disabled, .o_footer .o_colored_level .s_popup .btn-fill-primary.disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.disabled, .o_colored_level .o_cc1 .disabled.btn-primary, .o_colored_level .o_footer .s_popup .disabled.btn-primary, .o_footer .o_colored_level .s_popup .disabled.btn-primary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .disabled.btn-primary, .o_colored_level .o_cc1 .btn-fill-primary:disabled, .o_colored_level .o_footer .s_popup .btn-fill-primary:disabled, .o_footer .o_colored_level .s_popup .btn-fill-primary:disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:disabled, .o_colored_level .o_cc1 .btn-primary:disabled, .o_colored_level .o_footer .s_popup .btn-primary:disabled, .o_footer .o_colored_level .s_popup .btn-primary:disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:disabled, .o_colored_level .o_cc1 .btn-primary.o_wysiwyg_loader, .o_colored_level .o_footer .s_popup .btn-primary.o_wysiwyg_loader, .o_footer .o_colored_level .s_popup .btn-primary.o_wysiwyg_loader, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary.o_wysiwyg_loader, .o_colored_level .o_cc1 .btn-fill-primary.o_wysiwyg_loader, .o_colored_level .o_footer .s_popup .btn-fill-primary.o_wysiwyg_loader, .o_footer .o_colored_level .s_popup .btn-fill-primary.o_wysiwyg_loader, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.o_wysiwyg_loader{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc1 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc1 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc1 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc1 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc1 .btn-fill-primary.dropdown-toggle, .o_footer .show > .s_popup .btn-fill-primary.dropdown-toggle, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle, .show > .o_cc1 .dropdown-toggle.btn-primary, .o_footer .show > .s_popup .dropdown-toggle.btn-primary, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-primary, .o_colored_level .o_cc1 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .o_colored_level .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc1 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .o_colored_level .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc1 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .o_colored_level .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc1 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .o_colored_level .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc1 .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_footer .s_popup .btn-fill-primary.dropdown-toggle, .o_footer .show > .o_colored_level .s_popup .btn-fill-primary.dropdown-toggle, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_cc1 .dropdown-toggle.btn-primary, .show > .o_colored_level .o_footer .s_popup .dropdown-toggle.btn-primary, .o_footer .show > .o_colored_level .s_popup .dropdown-toggle.btn-primary, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-primary{color: #FFFFFF; background-color: #0f5f96; border-color: #0d588b;}.o_cc1 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc1 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc1 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc1 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc1 .btn-fill-primary.dropdown-toggle:focus, .o_footer .show > .s_popup .btn-fill-primary.dropdown-toggle:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc1 .dropdown-toggle.btn-primary:focus, .o_footer .show > .s_popup .dropdown-toggle.btn-primary:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-primary:focus, .o_colored_level .o_cc1 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .o_colored_level .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc1 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .o_colored_level .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc1 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .o_colored_level .s_popup .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc1 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .o_colored_level .s_popup .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc1 .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .s_popup .btn-fill-primary.dropdown-toggle:focus, .o_footer .show > .o_colored_level .s_popup .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_cc1 .dropdown-toggle.btn-primary:focus, .show > .o_colored_level .o_footer .s_popup .dropdown-toggle.btn-primary:focus, .o_footer .show > .o_colored_level .s_popup .dropdown-toggle.btn-primary:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-primary:focus{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.o_cc1 .btn-outline-primary, .o_footer .s_popup .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary, .o_colored_level .o_footer .s_popup .btn-outline-primary, .o_footer .o_colored_level .s_popup .btn-outline-primary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary{color: #137DC5; border-color: #137DC5;}.o_cc1 .btn-outline-primary:hover, .o_footer .s_popup .btn-outline-primary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:hover, .o_colored_level .o_cc1 .btn-outline-primary:hover, .o_colored_level .o_footer .s_popup .btn-outline-primary:hover, .o_footer .o_colored_level .s_popup .btn-outline-primary:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:hover{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc1 .btn-outline-primary:focus, .o_footer .s_popup .btn-outline-primary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:focus, .o_cc1 .btn-outline-primary.focus, .o_footer .s_popup .btn-outline-primary.focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.focus, .o_colored_level .o_cc1 .btn-outline-primary:focus, .o_colored_level .o_footer .s_popup .btn-outline-primary:focus, .o_footer .o_colored_level .s_popup .btn-outline-primary:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:focus, .o_colored_level .o_cc1 .btn-outline-primary.focus, .o_colored_level .o_footer .s_popup .btn-outline-primary.focus, .o_footer .o_colored_level .s_popup .btn-outline-primary.focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.o_cc1 .btn-outline-primary.disabled, .o_footer .s_popup .btn-outline-primary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.disabled, .o_cc1 .btn-outline-primary:disabled, .o_footer .s_popup .btn-outline-primary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:disabled, .o_cc1 .btn-outline-primary.o_wysiwyg_loader, .o_footer .s_popup .btn-outline-primary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.o_wysiwyg_loader, .o_colored_level .o_cc1 .btn-outline-primary.disabled, .o_colored_level .o_footer .s_popup .btn-outline-primary.disabled, .o_footer .o_colored_level .s_popup .btn-outline-primary.disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.disabled, .o_colored_level .o_cc1 .btn-outline-primary:disabled, .o_colored_level .o_footer .s_popup .btn-outline-primary:disabled, .o_footer .o_colored_level .s_popup .btn-outline-primary:disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:disabled, .o_colored_level .o_cc1 .btn-outline-primary.o_wysiwyg_loader, .o_colored_level .o_footer .s_popup .btn-outline-primary.o_wysiwyg_loader, .o_footer .o_colored_level .s_popup .btn-outline-primary.o_wysiwyg_loader, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.o_wysiwyg_loader{color: #137DC5; background-color: transparent;}.o_cc1 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc1 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc1 .btn-outline-primary.dropdown-toggle, .o_footer .show > .s_popup .btn-outline-primary.dropdown-toggle, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.dropdown-toggle, .o_colored_level .o_cc1 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .o_colored_level .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc1 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .o_colored_level .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc1 .btn-outline-primary.dropdown-toggle, .show > .o_colored_level .o_footer .s_popup .btn-outline-primary.dropdown-toggle, .o_footer .show > .o_colored_level .s_popup .btn-outline-primary.dropdown-toggle, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.dropdown-toggle{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc1 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc1 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc1 .btn-outline-primary.dropdown-toggle:focus, .o_footer .show > .s_popup .btn-outline-primary.dropdown-toggle:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.dropdown-toggle:focus, .o_colored_level .o_cc1 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .o_colored_level .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc1 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .o_colored_level .s_popup .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc1 .btn-outline-primary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .s_popup .btn-outline-primary.dropdown-toggle:focus, .o_footer .show > .o_colored_level .s_popup .btn-outline-primary.dropdown-toggle:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.o_cc1 .btn-fill-secondary, .o_footer .s_popup .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .o_cc1 .btn-secondary, .o_footer .s_popup .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary, .o_colored_level .o_footer .s_popup .btn-fill-secondary, .o_footer .o_colored_level .s_popup .btn-fill-secondary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary, .o_colored_level .o_cc1 .btn-secondary, .o_colored_level .o_footer .s_popup .btn-secondary, .o_footer .o_colored_level .s_popup .btn-secondary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc1 .btn-fill-secondary:hover, .o_footer .s_popup .btn-fill-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:hover, .o_cc1 .btn-secondary:hover, .o_footer .s_popup .btn-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:hover, .o_colored_level .o_cc1 .btn-fill-secondary:hover, .o_colored_level .o_footer .s_popup .btn-fill-secondary:hover, .o_footer .o_colored_level .s_popup .btn-fill-secondary:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:hover, .o_colored_level .o_cc1 .btn-secondary:hover, .o_colored_level .o_footer .s_popup .btn-secondary:hover, .o_footer .o_colored_level .s_popup .btn-secondary:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:hover{color: #FFFFFF; background-color: #272b30; border-color: #212529;}.o_cc1 .btn-fill-secondary:focus, .o_footer .s_popup .btn-fill-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:focus, .o_cc1 .btn-secondary:focus, .o_footer .s_popup .btn-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:focus, .o_cc1 .btn-fill-secondary.focus, .o_footer .s_popup .btn-fill-secondary.focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.focus, .o_cc1 .focus.btn-secondary, .o_footer .s_popup .focus.btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .focus.btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:focus, .o_colored_level .o_footer .s_popup .btn-fill-secondary:focus, .o_footer .o_colored_level .s_popup .btn-fill-secondary:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:focus, .o_colored_level .o_cc1 .btn-secondary:focus, .o_colored_level .o_footer .s_popup .btn-secondary:focus, .o_footer .o_colored_level .s_popup .btn-secondary:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:focus, .o_colored_level .o_cc1 .btn-fill-secondary.focus, .o_colored_level .o_footer .s_popup .btn-fill-secondary.focus, .o_footer .o_colored_level .s_popup .btn-fill-secondary.focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.focus, .o_colored_level .o_cc1 .focus.btn-secondary, .o_colored_level .o_footer .s_popup .focus.btn-secondary, .o_footer .o_colored_level .s_popup .focus.btn-secondary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .focus.btn-secondary{box-shadow: 0 0 0 0.2rem rgba(86, 91, 97, 0.5);}.o_cc1 .btn-fill-secondary.disabled, .o_footer .s_popup .btn-fill-secondary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.disabled, .o_cc1 .disabled.btn-secondary, .o_footer .s_popup .disabled.btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .disabled.btn-secondary, .o_cc1 .btn-fill-secondary:disabled, .o_footer .s_popup .btn-fill-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:disabled, .o_cc1 .btn-secondary:disabled, .o_footer .s_popup .btn-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:disabled, .o_cc1 .btn-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary.o_wysiwyg_loader, .o_cc1 .btn-fill-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-fill-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.o_wysiwyg_loader, .o_colored_level .o_cc1 .btn-fill-secondary.disabled, .o_colored_level .o_footer .s_popup .btn-fill-secondary.disabled, .o_footer .o_colored_level .s_popup .btn-fill-secondary.disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.disabled, .o_colored_level .o_cc1 .disabled.btn-secondary, .o_colored_level .o_footer .s_popup .disabled.btn-secondary, .o_footer .o_colored_level .s_popup .disabled.btn-secondary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .disabled.btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:disabled, .o_colored_level .o_footer .s_popup .btn-fill-secondary:disabled, .o_footer .o_colored_level .s_popup .btn-fill-secondary:disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:disabled, .o_colored_level .o_cc1 .btn-secondary:disabled, .o_colored_level .o_footer .s_popup .btn-secondary:disabled, .o_footer .o_colored_level .s_popup .btn-secondary:disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:disabled, .o_colored_level .o_cc1 .btn-secondary.o_wysiwyg_loader, .o_colored_level .o_footer .s_popup .btn-secondary.o_wysiwyg_loader, .o_footer .o_colored_level .s_popup .btn-secondary.o_wysiwyg_loader, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary.o_wysiwyg_loader, .o_colored_level .o_cc1 .btn-fill-secondary.o_wysiwyg_loader, .o_colored_level .o_footer .s_popup .btn-fill-secondary.o_wysiwyg_loader, .o_footer .o_colored_level .s_popup .btn-fill-secondary.o_wysiwyg_loader, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.o_wysiwyg_loader{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc1 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc1 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc1 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc1 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc1 .btn-fill-secondary.dropdown-toggle, .o_footer .show > .s_popup .btn-fill-secondary.dropdown-toggle, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle, .show > .o_cc1 .dropdown-toggle.btn-secondary, .o_footer .show > .s_popup .dropdown-toggle.btn-secondary, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .o_colored_level .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc1 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .o_colored_level .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc1 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .o_colored_level .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc1 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .o_colored_level .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc1 .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_footer .s_popup .btn-fill-secondary.dropdown-toggle, .o_footer .show > .o_colored_level .s_popup .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_cc1 .dropdown-toggle.btn-secondary, .show > .o_colored_level .o_footer .s_popup .dropdown-toggle.btn-secondary, .o_footer .show > .o_colored_level .s_popup .dropdown-toggle.btn-secondary, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-secondary{color: #FFFFFF; background-color: #212529; border-color: #1b1e22;}.o_cc1 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc1 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc1 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc1 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc1 .btn-fill-secondary.dropdown-toggle:focus, .o_footer .show > .s_popup .btn-fill-secondary.dropdown-toggle:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc1 .dropdown-toggle.btn-secondary:focus, .o_footer .show > .s_popup .dropdown-toggle.btn-secondary:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-secondary:focus, .o_colored_level .o_cc1 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .o_colored_level .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc1 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .o_colored_level .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc1 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .o_colored_level .s_popup .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc1 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .o_colored_level .s_popup .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc1 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .s_popup .btn-fill-secondary.dropdown-toggle:focus, .o_footer .show > .o_colored_level .s_popup .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_cc1 .dropdown-toggle.btn-secondary:focus, .show > .o_colored_level .o_footer .s_popup .dropdown-toggle.btn-secondary:focus, .o_footer .show > .o_colored_level .s_popup .dropdown-toggle.btn-secondary:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-toggle.btn-secondary:focus{box-shadow: 0 0 0 0.2rem rgba(86, 91, 97, 0.5);}.o_cc1 .btn-outline-secondary, .o_footer .s_popup .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary, .o_colored_level .o_footer .s_popup .btn-outline-secondary, .o_footer .o_colored_level .s_popup .btn-outline-secondary, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary{color: #383E45; border-color: #383E45;}.o_cc1 .btn-outline-secondary:hover, .o_footer .s_popup .btn-outline-secondary:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:hover, .o_colored_level .o_cc1 .btn-outline-secondary:hover, .o_colored_level .o_footer .s_popup .btn-outline-secondary:hover, .o_footer .o_colored_level .s_popup .btn-outline-secondary:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:hover{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc1 .btn-outline-secondary:focus, .o_footer .s_popup .btn-outline-secondary:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:focus, .o_cc1 .btn-outline-secondary.focus, .o_footer .s_popup .btn-outline-secondary.focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.focus, .o_colored_level .o_cc1 .btn-outline-secondary:focus, .o_colored_level .o_footer .s_popup .btn-outline-secondary:focus, .o_footer .o_colored_level .s_popup .btn-outline-secondary:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:focus, .o_colored_level .o_cc1 .btn-outline-secondary.focus, .o_colored_level .o_footer .s_popup .btn-outline-secondary.focus, .o_footer .o_colored_level .s_popup .btn-outline-secondary.focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.o_cc1 .btn-outline-secondary.disabled, .o_footer .s_popup .btn-outline-secondary.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.disabled, .o_cc1 .btn-outline-secondary:disabled, .o_footer .s_popup .btn-outline-secondary:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:disabled, .o_cc1 .btn-outline-secondary.o_wysiwyg_loader, .o_footer .s_popup .btn-outline-secondary.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.o_wysiwyg_loader, .o_colored_level .o_cc1 .btn-outline-secondary.disabled, .o_colored_level .o_footer .s_popup .btn-outline-secondary.disabled, .o_footer .o_colored_level .s_popup .btn-outline-secondary.disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.disabled, .o_colored_level .o_cc1 .btn-outline-secondary:disabled, .o_colored_level .o_footer .s_popup .btn-outline-secondary:disabled, .o_footer .o_colored_level .s_popup .btn-outline-secondary:disabled, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:disabled, .o_colored_level .o_cc1 .btn-outline-secondary.o_wysiwyg_loader, .o_colored_level .o_footer .s_popup .btn-outline-secondary.o_wysiwyg_loader, .o_footer .o_colored_level .s_popup .btn-outline-secondary.o_wysiwyg_loader, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.o_wysiwyg_loader{color: #383E45; background-color: transparent;}.o_cc1 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc1 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc1 .btn-outline-secondary.dropdown-toggle, .o_footer .show > .s_popup .btn-outline-secondary.dropdown-toggle, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.dropdown-toggle, .o_colored_level .o_cc1 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .o_colored_level .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc1 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .o_colored_level .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc1 .btn-outline-secondary.dropdown-toggle, .show > .o_colored_level .o_footer .s_popup .btn-outline-secondary.dropdown-toggle, .o_footer .show > .o_colored_level .s_popup .btn-outline-secondary.dropdown-toggle, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.dropdown-toggle{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc1 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc1 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc1 .btn-outline-secondary.dropdown-toggle:focus, .o_footer .show > .s_popup .btn-outline-secondary.dropdown-toggle:focus, #wrapwrap.o_header_overlay > header.show:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.dropdown-toggle:focus, .o_colored_level .o_cc1 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .o_colored_level .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc1 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .o_colored_level .s_popup .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc1 .btn-outline-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .s_popup .btn-outline-secondary.dropdown-toggle:focus, .o_footer .show > .o_colored_level .s_popup .btn-outline-secondary.dropdown-toggle:focus, .show > .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .btn-outline-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.o_cc1 .nav-pills .nav-link.active, .o_footer .s_popup .nav-pills .nav-link.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-pills .nav-link.active, .o_cc1 .nav-pills .show > .nav-link, .o_footer .s_popup .nav-pills .show > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-pills .show > .nav-link, .o_colored_level .o_cc1 .nav-pills .nav-link.active, .o_colored_level .o_footer .s_popup .nav-pills .nav-link.active, .o_footer .o_colored_level .s_popup .nav-pills .nav-link.active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-pills .nav-link.active, .o_colored_level .o_cc1 .nav-pills .show > .nav-link, .o_colored_level .o_footer .s_popup .nav-pills .show > .nav-link, .o_footer .o_colored_level .s_popup .nav-pills .show > .nav-link, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-pills .show > .nav-link{background-color: #137DC5; color: #FFFFFF;}.o_cc1 .dropdown-menu .dropdown-item.active, .o_footer .s_popup .dropdown-menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active, .o_cc1 .dropdown-menu .dropdown-item.active h6, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6, .o_cc1 .dropdown-menu .dropdown-item:active, .o_footer .s_popup .dropdown-menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active, .o_cc1 .dropdown-menu .dropdown-item:active h6, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item.active, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item.active h6, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.active h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item:active, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item:active h6, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:active h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6{background-color: #137DC5; color: #FFFFFF !important;}.o_cc1 .dropdown-menu .dropdown-item.active:hover, .o_footer .s_popup .dropdown-menu .dropdown-item.active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active:hover, .o_cc1 .dropdown-menu .dropdown-item.active:focus, .o_footer .s_popup .dropdown-menu .dropdown-item.active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active:focus, .o_cc1 .dropdown-menu .dropdown-item.active h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6:hover, .o_cc1 .dropdown-menu .dropdown-item.active h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item.active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6:focus, .o_cc1 .dropdown-menu .dropdown-item:active:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:active:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active:hover, .o_cc1 .dropdown-menu .dropdown-item:active:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:active:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active:focus, .o_cc1 .dropdown-menu .dropdown-item:active h6:hover, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6:hover, .o_cc1 .dropdown-menu .dropdown-item:active h6:focus, .o_footer .s_popup .dropdown-menu .dropdown-item:active h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item.active:hover, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.active:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item.active:focus, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item.active h6:hover, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item.active h6:focus, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item:active:hover, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:active:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item:active:focus, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:active:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item:active h6:hover, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc1 .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level .o_footer .s_popup .dropdown-menu .dropdown-item:active h6:focus, .o_footer .o_colored_level .s_popup .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .dropdown-menu .dropdown-item:active h6:focus{color: #FFFFFF !important;}.o_cc1 a.list-group-item, .o_footer .s_popup a.list-group-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a.list-group-item, .o_colored_level .o_cc1 a.list-group-item, .o_colored_level .o_footer .s_popup a.list-group-item, .o_footer .o_colored_level .s_popup a.list-group-item, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a.list-group-item{color: #137DC5;}.o_cc1 a.list-group-item.active, .o_footer .s_popup a.list-group-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a.list-group-item.active, .o_colored_level .o_cc1 a.list-group-item.active, .o_colored_level .o_footer .s_popup a.list-group-item.active, .o_footer .o_colored_level .s_popup a.list-group-item.active, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar a.list-group-item.active{background-color: #137DC5; color: #FFFFFF; border-color: #137DC5;}.o_cc2{background-color: #F6F6F6; color: #212529;}.o_cc2 .text-muted, .o_colored_level .o_cc2 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}.o_cc2 h1, .o_cc2 h2, .o_cc2 h3, .o_cc2 h4, .o_cc2 h5, .o_cc2 h6, .o_colored_level .o_cc2 h1, .o_colored_level .o_cc2 h2, .o_colored_level .o_cc2 h3, .o_colored_level .o_cc2 h4, .o_colored_level .o_cc2 h5, .o_colored_level .o_cc2 h6{color: #137DC5;}.o_cc2 a:not(.btn), .o_cc2 .btn-link, .o_colored_level .o_cc2 a:not(.btn), .o_colored_level .o_cc2 .btn-link{color: #0d5789;}.o_cc2 a:not(.btn):hover, .o_cc2 .btn-link:hover, .o_colored_level .o_cc2 a:not(.btn):hover, .o_colored_level .o_cc2 .btn-link:hover{color: #0c517f;}.o_cc2 .btn-fill-primary, .o_cc2 .btn-primary, .o_colored_level .o_cc2 .btn-fill-primary, .o_colored_level .o_cc2 .btn-primary{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc2 .btn-fill-primary:hover, .o_cc2 .btn-primary:hover, .o_colored_level .o_cc2 .btn-fill-primary:hover, .o_colored_level .o_cc2 .btn-primary:hover{color: #FFFFFF; background-color: #1067a2; border-color: #0f5f96;}.o_cc2 .btn-fill-primary:focus, .o_cc2 .btn-primary:focus, .o_cc2 .btn-fill-primary.focus, .o_cc2 .focus.btn-primary, .o_colored_level .o_cc2 .btn-fill-primary:focus, .o_colored_level .o_cc2 .btn-primary:focus, .o_colored_level .o_cc2 .btn-fill-primary.focus, .o_colored_level .o_cc2 .focus.btn-primary{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.o_cc2 .btn-fill-primary.disabled, .o_cc2 .disabled.btn-primary, .o_cc2 .btn-fill-primary:disabled, .o_cc2 .btn-primary:disabled, .o_cc2 .btn-primary.o_wysiwyg_loader, .o_cc2 .btn-fill-primary.o_wysiwyg_loader, .o_colored_level .o_cc2 .btn-fill-primary.disabled, .o_colored_level .o_cc2 .disabled.btn-primary, .o_colored_level .o_cc2 .btn-fill-primary:disabled, .o_colored_level .o_cc2 .btn-primary:disabled, .o_colored_level .o_cc2 .btn-primary.o_wysiwyg_loader, .o_colored_level .o_cc2 .btn-fill-primary.o_wysiwyg_loader{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc2 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc2 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc2 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc2 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc2 .btn-fill-primary.dropdown-toggle, .show > .o_cc2 .dropdown-toggle.btn-primary, .o_colored_level .o_cc2 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc2 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc2 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc2 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc2 .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_cc2 .dropdown-toggle.btn-primary{color: #FFFFFF; background-color: #0f5f96; border-color: #0d588b;}.o_cc2 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc2 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc2 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc2 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc2 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc2 .dropdown-toggle.btn-primary:focus, .o_colored_level .o_cc2 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc2 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc2 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc2 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc2 .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_cc2 .dropdown-toggle.btn-primary:focus{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary{color: #137DC5; border-color: #137DC5;}.o_cc2 .btn-outline-primary:hover, .o_colored_level .o_cc2 .btn-outline-primary:hover{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc2 .btn-outline-primary:focus, .o_cc2 .btn-outline-primary.focus, .o_colored_level .o_cc2 .btn-outline-primary:focus, .o_colored_level .o_cc2 .btn-outline-primary.focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.o_cc2 .btn-outline-primary.disabled, .o_cc2 .btn-outline-primary:disabled, .o_cc2 .btn-outline-primary.o_wysiwyg_loader, .o_colored_level .o_cc2 .btn-outline-primary.disabled, .o_colored_level .o_cc2 .btn-outline-primary:disabled, .o_colored_level .o_cc2 .btn-outline-primary.o_wysiwyg_loader{color: #137DC5; background-color: transparent;}.o_cc2 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc2 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc2 .btn-outline-primary.dropdown-toggle, .o_colored_level .o_cc2 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc2 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc2 .btn-outline-primary.dropdown-toggle{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc2 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc2 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc2 .btn-outline-primary.dropdown-toggle:focus, .o_colored_level .o_cc2 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc2 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc2 .btn-outline-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.o_cc2 .btn-fill-secondary, .o_cc2 .btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary, .o_colored_level .o_cc2 .btn-secondary{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc2 .btn-fill-secondary:hover, .o_cc2 .btn-secondary:hover, .o_colored_level .o_cc2 .btn-fill-secondary:hover, .o_colored_level .o_cc2 .btn-secondary:hover{color: #FFFFFF; background-color: #272b30; border-color: #212529;}.o_cc2 .btn-fill-secondary:focus, .o_cc2 .btn-secondary:focus, .o_cc2 .btn-fill-secondary.focus, .o_cc2 .focus.btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:focus, .o_colored_level .o_cc2 .btn-secondary:focus, .o_colored_level .o_cc2 .btn-fill-secondary.focus, .o_colored_level .o_cc2 .focus.btn-secondary{box-shadow: 0 0 0 0.2rem rgba(86, 91, 97, 0.5);}.o_cc2 .btn-fill-secondary.disabled, .o_cc2 .disabled.btn-secondary, .o_cc2 .btn-fill-secondary:disabled, .o_cc2 .btn-secondary:disabled, .o_cc2 .btn-secondary.o_wysiwyg_loader, .o_cc2 .btn-fill-secondary.o_wysiwyg_loader, .o_colored_level .o_cc2 .btn-fill-secondary.disabled, .o_colored_level .o_cc2 .disabled.btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:disabled, .o_colored_level .o_cc2 .btn-secondary:disabled, .o_colored_level .o_cc2 .btn-secondary.o_wysiwyg_loader, .o_colored_level .o_cc2 .btn-fill-secondary.o_wysiwyg_loader{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc2 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc2 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc2 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc2 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc2 .btn-fill-secondary.dropdown-toggle, .show > .o_cc2 .dropdown-toggle.btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc2 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc2 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc2 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc2 .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_cc2 .dropdown-toggle.btn-secondary{color: #FFFFFF; background-color: #212529; border-color: #1b1e22;}.o_cc2 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc2 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc2 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc2 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc2 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc2 .dropdown-toggle.btn-secondary:focus, .o_colored_level .o_cc2 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc2 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc2 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc2 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc2 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_cc2 .dropdown-toggle.btn-secondary:focus{box-shadow: 0 0 0 0.2rem rgba(86, 91, 97, 0.5);}.o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary{color: #383E45; border-color: #383E45;}.o_cc2 .btn-outline-secondary:hover, .o_colored_level .o_cc2 .btn-outline-secondary:hover{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc2 .btn-outline-secondary:focus, .o_cc2 .btn-outline-secondary.focus, .o_colored_level .o_cc2 .btn-outline-secondary:focus, .o_colored_level .o_cc2 .btn-outline-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.o_cc2 .btn-outline-secondary.disabled, .o_cc2 .btn-outline-secondary:disabled, .o_cc2 .btn-outline-secondary.o_wysiwyg_loader, .o_colored_level .o_cc2 .btn-outline-secondary.disabled, .o_colored_level .o_cc2 .btn-outline-secondary:disabled, .o_colored_level .o_cc2 .btn-outline-secondary.o_wysiwyg_loader{color: #383E45; background-color: transparent;}.o_cc2 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc2 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc2 .btn-outline-secondary.dropdown-toggle, .o_colored_level .o_cc2 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc2 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc2 .btn-outline-secondary.dropdown-toggle{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc2 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc2 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc2 .btn-outline-secondary.dropdown-toggle:focus, .o_colored_level .o_cc2 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc2 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc2 .btn-outline-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.o_cc2 .nav-pills .nav-link.active, .o_cc2 .nav-pills .show > .nav-link, .o_colored_level .o_cc2 .nav-pills .nav-link.active, .o_colored_level .o_cc2 .nav-pills .show > .nav-link{background-color: #137DC5; color: #FFFFFF;}.o_cc2 .dropdown-menu .dropdown-item.active, .o_cc2 .dropdown-menu .dropdown-item.active h6, .o_cc2 .dropdown-menu .dropdown-item:active, .o_cc2 .dropdown-menu .dropdown-item:active h6, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6{background-color: #137DC5; color: #FFFFFF !important;}.o_cc2 .dropdown-menu .dropdown-item.active:hover, .o_cc2 .dropdown-menu .dropdown-item.active:focus, .o_cc2 .dropdown-menu .dropdown-item.active h6:hover, .o_cc2 .dropdown-menu .dropdown-item.active h6:focus, .o_cc2 .dropdown-menu .dropdown-item:active:hover, .o_cc2 .dropdown-menu .dropdown-item:active:focus, .o_cc2 .dropdown-menu .dropdown-item:active h6:hover, .o_cc2 .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc2 .dropdown-menu .dropdown-item:active h6:focus{color: #FFFFFF !important;}.o_cc2 a.list-group-item, .o_colored_level .o_cc2 a.list-group-item{color: #137DC5;}.o_cc2 a.list-group-item.active, .o_colored_level .o_cc2 a.list-group-item.active{background-color: #137DC5; color: #FFFFFF; border-color: #137DC5;}.o_cc3{background-color: #383E45; color: #FFFFFF;}.o_cc3 .text-muted, .o_colored_level .o_cc3 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}.o_cc3 a:not(.btn), .o_cc3 .btn-link, .o_colored_level .o_cc3 a:not(.btn), .o_colored_level .o_cc3 .btn-link{color: #39a3ec;}.o_cc3 a:not(.btn):hover, .o_cc3 .btn-link:hover, .o_colored_level .o_cc3 a:not(.btn):hover, .o_colored_level .o_cc3 .btn-link:hover{color: #137dc5;}.o_cc3 .btn-fill-primary, .o_cc3 .btn-primary, .o_colored_level .o_cc3 .btn-fill-primary, .o_colored_level .o_cc3 .btn-primary{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc3 .btn-fill-primary:hover, .o_cc3 .btn-primary:hover, .o_colored_level .o_cc3 .btn-fill-primary:hover, .o_colored_level .o_cc3 .btn-primary:hover{color: #FFFFFF; background-color: #1067a2; border-color: #0f5f96;}.o_cc3 .btn-fill-primary:focus, .o_cc3 .btn-primary:focus, .o_cc3 .btn-fill-primary.focus, .o_cc3 .focus.btn-primary, .o_colored_level .o_cc3 .btn-fill-primary:focus, .o_colored_level .o_cc3 .btn-primary:focus, .o_colored_level .o_cc3 .btn-fill-primary.focus, .o_colored_level .o_cc3 .focus.btn-primary{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.o_cc3 .btn-fill-primary.disabled, .o_cc3 .disabled.btn-primary, .o_cc3 .btn-fill-primary:disabled, .o_cc3 .btn-primary:disabled, .o_cc3 .btn-primary.o_wysiwyg_loader, .o_cc3 .btn-fill-primary.o_wysiwyg_loader, .o_colored_level .o_cc3 .btn-fill-primary.disabled, .o_colored_level .o_cc3 .disabled.btn-primary, .o_colored_level .o_cc3 .btn-fill-primary:disabled, .o_colored_level .o_cc3 .btn-primary:disabled, .o_colored_level .o_cc3 .btn-primary.o_wysiwyg_loader, .o_colored_level .o_cc3 .btn-fill-primary.o_wysiwyg_loader{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc3 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc3 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc3 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc3 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc3 .btn-fill-primary.dropdown-toggle, .show > .o_cc3 .dropdown-toggle.btn-primary, .o_colored_level .o_cc3 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc3 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc3 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc3 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc3 .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_cc3 .dropdown-toggle.btn-primary{color: #FFFFFF; background-color: #0f5f96; border-color: #0d588b;}.o_cc3 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc3 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc3 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc3 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc3 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc3 .dropdown-toggle.btn-primary:focus, .o_colored_level .o_cc3 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc3 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc3 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc3 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc3 .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_cc3 .dropdown-toggle.btn-primary:focus{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary{color: #137DC5; border-color: #137DC5;}.o_cc3 .btn-outline-primary:hover, .o_colored_level .o_cc3 .btn-outline-primary:hover{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc3 .btn-outline-primary:focus, .o_cc3 .btn-outline-primary.focus, .o_colored_level .o_cc3 .btn-outline-primary:focus, .o_colored_level .o_cc3 .btn-outline-primary.focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.o_cc3 .btn-outline-primary.disabled, .o_cc3 .btn-outline-primary:disabled, .o_cc3 .btn-outline-primary.o_wysiwyg_loader, .o_colored_level .o_cc3 .btn-outline-primary.disabled, .o_colored_level .o_cc3 .btn-outline-primary:disabled, .o_colored_level .o_cc3 .btn-outline-primary.o_wysiwyg_loader{color: #137DC5; background-color: transparent;}.o_cc3 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc3 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc3 .btn-outline-primary.dropdown-toggle, .o_colored_level .o_cc3 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc3 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc3 .btn-outline-primary.dropdown-toggle{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc3 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc3 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc3 .btn-outline-primary.dropdown-toggle:focus, .o_colored_level .o_cc3 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc3 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc3 .btn-outline-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.o_cc3 .btn-fill-secondary, .o_cc3 .btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary, .o_colored_level .o_cc3 .btn-secondary{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc3 .btn-fill-secondary:hover, .o_cc3 .btn-secondary:hover, .o_colored_level .o_cc3 .btn-fill-secondary:hover, .o_colored_level .o_cc3 .btn-secondary:hover{color: #212529; background-color: #e3e3e3; border-color: #dddcdc;}.o_cc3 .btn-fill-secondary:focus, .o_cc3 .btn-secondary:focus, .o_cc3 .btn-fill-secondary.focus, .o_cc3 .focus.btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:focus, .o_colored_level .o_cc3 .btn-secondary:focus, .o_colored_level .o_cc3 .btn-fill-secondary.focus, .o_colored_level .o_cc3 .focus.btn-secondary{box-shadow: 0 0 0 0.2rem rgba(214, 215, 215, 0.5);}.o_cc3 .btn-fill-secondary.disabled, .o_cc3 .disabled.btn-secondary, .o_cc3 .btn-fill-secondary:disabled, .o_cc3 .btn-secondary:disabled, .o_cc3 .btn-secondary.o_wysiwyg_loader, .o_cc3 .btn-fill-secondary.o_wysiwyg_loader, .o_colored_level .o_cc3 .btn-fill-secondary.disabled, .o_colored_level .o_cc3 .disabled.btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:disabled, .o_colored_level .o_cc3 .btn-secondary:disabled, .o_colored_level .o_cc3 .btn-secondary.o_wysiwyg_loader, .o_colored_level .o_cc3 .btn-fill-secondary.o_wysiwyg_loader{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc3 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc3 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc3 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc3 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc3 .btn-fill-secondary.dropdown-toggle, .show > .o_cc3 .dropdown-toggle.btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc3 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc3 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc3 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc3 .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_cc3 .dropdown-toggle.btn-secondary{color: #212529; background-color: #dddcdc; border-color: #d6d6d6;}.o_cc3 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc3 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc3 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc3 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc3 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc3 .dropdown-toggle.btn-secondary:focus, .o_colored_level .o_cc3 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc3 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc3 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc3 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc3 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_cc3 .dropdown-toggle.btn-secondary:focus{box-shadow: 0 0 0 0.2rem rgba(214, 215, 215, 0.5);}.o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary{color: #F6F6F6; border-color: #F6F6F6;}.o_cc3 .btn-outline-secondary:hover, .o_colored_level .o_cc3 .btn-outline-secondary:hover{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc3 .btn-outline-secondary:focus, .o_cc3 .btn-outline-secondary.focus, .o_colored_level .o_cc3 .btn-outline-secondary:focus, .o_colored_level .o_cc3 .btn-outline-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);}.o_cc3 .btn-outline-secondary.disabled, .o_cc3 .btn-outline-secondary:disabled, .o_cc3 .btn-outline-secondary.o_wysiwyg_loader, .o_colored_level .o_cc3 .btn-outline-secondary.disabled, .o_colored_level .o_cc3 .btn-outline-secondary:disabled, .o_colored_level .o_cc3 .btn-outline-secondary.o_wysiwyg_loader{color: #F6F6F6; background-color: transparent;}.o_cc3 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc3 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc3 .btn-outline-secondary.dropdown-toggle, .o_colored_level .o_cc3 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc3 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc3 .btn-outline-secondary.dropdown-toggle{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc3 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc3 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc3 .btn-outline-secondary.dropdown-toggle:focus, .o_colored_level .o_cc3 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc3 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc3 .btn-outline-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);}.o_cc3 .nav-pills .nav-link.active, .o_cc3 .nav-pills .show > .nav-link, .o_colored_level .o_cc3 .nav-pills .nav-link.active, .o_colored_level .o_cc3 .nav-pills .show > .nav-link{background-color: #137DC5; color: #FFFFFF;}.o_cc3 .dropdown-menu .dropdown-item.active, .o_cc3 .dropdown-menu .dropdown-item.active h6, .o_cc3 .dropdown-menu .dropdown-item:active, .o_cc3 .dropdown-menu .dropdown-item:active h6, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6{background-color: #137DC5; color: #FFFFFF !important;}.o_cc3 .dropdown-menu .dropdown-item.active:hover, .o_cc3 .dropdown-menu .dropdown-item.active:focus, .o_cc3 .dropdown-menu .dropdown-item.active h6:hover, .o_cc3 .dropdown-menu .dropdown-item.active h6:focus, .o_cc3 .dropdown-menu .dropdown-item:active:hover, .o_cc3 .dropdown-menu .dropdown-item:active:focus, .o_cc3 .dropdown-menu .dropdown-item:active h6:hover, .o_cc3 .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc3 .dropdown-menu .dropdown-item:active h6:focus{color: #FFFFFF !important;}.o_cc3 a.list-group-item, .o_colored_level .o_cc3 a.list-group-item{color: #137DC5;}.o_cc3 a.list-group-item.active, .o_colored_level .o_cc3 a.list-group-item.active{background-color: #137DC5; color: #FFFFFF; border-color: #137DC5;}.o_cc4{background-color: #137DC5; color: #FFFFFF;}.o_cc4 .text-muted, .o_colored_level .o_cc4 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}.o_cc4 a:not(.btn), .o_cc4 .btn-link, .o_colored_level .o_cc4 a:not(.btn), .o_colored_level .o_cc4 .btn-link{color: #16181b;}.o_cc4 a:not(.btn):hover, .o_cc4 .btn-link:hover, .o_colored_level .o_cc4 a:not(.btn):hover, .o_colored_level .o_cc4 .btn-link:hover{color: black;}.o_cc4 .btn-fill-primary, .o_cc4 .btn-primary, .o_colored_level .o_cc4 .btn-fill-primary, .o_colored_level .o_cc4 .btn-primary{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc4 .btn-fill-primary:hover, .o_cc4 .btn-primary:hover, .o_colored_level .o_cc4 .btn-fill-primary:hover, .o_colored_level .o_cc4 .btn-primary:hover{color: #FFFFFF; background-color: #272b30; border-color: #212529;}.o_cc4 .btn-fill-primary:focus, .o_cc4 .btn-primary:focus, .o_cc4 .btn-fill-primary.focus, .o_cc4 .focus.btn-primary, .o_colored_level .o_cc4 .btn-fill-primary:focus, .o_colored_level .o_cc4 .btn-primary:focus, .o_colored_level .o_cc4 .btn-fill-primary.focus, .o_colored_level .o_cc4 .focus.btn-primary{box-shadow: 0 0 0 0.2rem rgba(86, 91, 97, 0.5);}.o_cc4 .btn-fill-primary.disabled, .o_cc4 .disabled.btn-primary, .o_cc4 .btn-fill-primary:disabled, .o_cc4 .btn-primary:disabled, .o_cc4 .btn-primary.o_wysiwyg_loader, .o_cc4 .btn-fill-primary.o_wysiwyg_loader, .o_colored_level .o_cc4 .btn-fill-primary.disabled, .o_colored_level .o_cc4 .disabled.btn-primary, .o_colored_level .o_cc4 .btn-fill-primary:disabled, .o_colored_level .o_cc4 .btn-primary:disabled, .o_colored_level .o_cc4 .btn-primary.o_wysiwyg_loader, .o_colored_level .o_cc4 .btn-fill-primary.o_wysiwyg_loader{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc4 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc4 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc4 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc4 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc4 .btn-fill-primary.dropdown-toggle, .show > .o_cc4 .dropdown-toggle.btn-primary, .o_colored_level .o_cc4 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc4 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc4 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc4 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc4 .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_cc4 .dropdown-toggle.btn-primary{color: #FFFFFF; background-color: #212529; border-color: #1b1e22;}.o_cc4 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc4 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc4 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc4 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc4 .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc4 .dropdown-toggle.btn-primary:focus, .o_colored_level .o_cc4 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc4 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc4 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc4 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc4 .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_cc4 .dropdown-toggle.btn-primary:focus{box-shadow: 0 0 0 0.2rem rgba(86, 91, 97, 0.5);}.o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary{color: #383E45; border-color: #383E45;}.o_cc4 .btn-outline-primary:hover, .o_colored_level .o_cc4 .btn-outline-primary:hover{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc4 .btn-outline-primary:focus, .o_cc4 .btn-outline-primary.focus, .o_colored_level .o_cc4 .btn-outline-primary:focus, .o_colored_level .o_cc4 .btn-outline-primary.focus{box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.o_cc4 .btn-outline-primary.disabled, .o_cc4 .btn-outline-primary:disabled, .o_cc4 .btn-outline-primary.o_wysiwyg_loader, .o_colored_level .o_cc4 .btn-outline-primary.disabled, .o_colored_level .o_cc4 .btn-outline-primary:disabled, .o_colored_level .o_cc4 .btn-outline-primary.o_wysiwyg_loader{color: #383E45; background-color: transparent;}.o_cc4 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc4 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc4 .btn-outline-primary.dropdown-toggle, .o_colored_level .o_cc4 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc4 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc4 .btn-outline-primary.dropdown-toggle{color: #FFFFFF; background-color: #383E45; border-color: #383E45;}.o_cc4 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc4 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc4 .btn-outline-primary.dropdown-toggle:focus, .o_colored_level .o_cc4 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc4 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc4 .btn-outline-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(56, 62, 69, 0.5);}.o_cc4 .btn-fill-secondary, .o_cc4 .btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary, .o_colored_level .o_cc4 .btn-secondary{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc4 .btn-fill-secondary:hover, .o_cc4 .btn-secondary:hover, .o_colored_level .o_cc4 .btn-fill-secondary:hover, .o_colored_level .o_cc4 .btn-secondary:hover{color: #212529; background-color: #e3e3e3; border-color: #dddcdc;}.o_cc4 .btn-fill-secondary:focus, .o_cc4 .btn-secondary:focus, .o_cc4 .btn-fill-secondary.focus, .o_cc4 .focus.btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:focus, .o_colored_level .o_cc4 .btn-secondary:focus, .o_colored_level .o_cc4 .btn-fill-secondary.focus, .o_colored_level .o_cc4 .focus.btn-secondary{box-shadow: 0 0 0 0.2rem rgba(214, 215, 215, 0.5);}.o_cc4 .btn-fill-secondary.disabled, .o_cc4 .disabled.btn-secondary, .o_cc4 .btn-fill-secondary:disabled, .o_cc4 .btn-secondary:disabled, .o_cc4 .btn-secondary.o_wysiwyg_loader, .o_cc4 .btn-fill-secondary.o_wysiwyg_loader, .o_colored_level .o_cc4 .btn-fill-secondary.disabled, .o_colored_level .o_cc4 .disabled.btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:disabled, .o_colored_level .o_cc4 .btn-secondary:disabled, .o_colored_level .o_cc4 .btn-secondary.o_wysiwyg_loader, .o_colored_level .o_cc4 .btn-fill-secondary.o_wysiwyg_loader{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc4 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc4 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc4 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc4 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc4 .btn-fill-secondary.dropdown-toggle, .show > .o_cc4 .dropdown-toggle.btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc4 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc4 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc4 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc4 .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_cc4 .dropdown-toggle.btn-secondary{color: #212529; background-color: #dddcdc; border-color: #d6d6d6;}.o_cc4 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc4 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc4 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc4 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc4 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc4 .dropdown-toggle.btn-secondary:focus, .o_colored_level .o_cc4 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc4 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc4 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc4 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc4 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_cc4 .dropdown-toggle.btn-secondary:focus{box-shadow: 0 0 0 0.2rem rgba(214, 215, 215, 0.5);}.o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary{color: #F6F6F6; border-color: #F6F6F6;}.o_cc4 .btn-outline-secondary:hover, .o_colored_level .o_cc4 .btn-outline-secondary:hover{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc4 .btn-outline-secondary:focus, .o_cc4 .btn-outline-secondary.focus, .o_colored_level .o_cc4 .btn-outline-secondary:focus, .o_colored_level .o_cc4 .btn-outline-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);}.o_cc4 .btn-outline-secondary.disabled, .o_cc4 .btn-outline-secondary:disabled, .o_cc4 .btn-outline-secondary.o_wysiwyg_loader, .o_colored_level .o_cc4 .btn-outline-secondary.disabled, .o_colored_level .o_cc4 .btn-outline-secondary:disabled, .o_colored_level .o_cc4 .btn-outline-secondary.o_wysiwyg_loader{color: #F6F6F6; background-color: transparent;}.o_cc4 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc4 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc4 .btn-outline-secondary.dropdown-toggle, .o_colored_level .o_cc4 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc4 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc4 .btn-outline-secondary.dropdown-toggle{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc4 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc4 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc4 .btn-outline-secondary.dropdown-toggle:focus, .o_colored_level .o_cc4 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc4 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc4 .btn-outline-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);}.o_cc4 .nav-pills .nav-link.active, .o_cc4 .nav-pills .show > .nav-link, .o_colored_level .o_cc4 .nav-pills .nav-link.active, .o_colored_level .o_cc4 .nav-pills .show > .nav-link{background-color: #383E45; color: #FFFFFF;}.o_cc4 .dropdown-menu .dropdown-item.active, .o_cc4 .dropdown-menu .dropdown-item.active h6, .o_cc4 .dropdown-menu .dropdown-item:active, .o_cc4 .dropdown-menu .dropdown-item:active h6, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6{background-color: #383E45; color: #FFFFFF !important;}.o_cc4 .dropdown-menu .dropdown-item.active:hover, .o_cc4 .dropdown-menu .dropdown-item.active:focus, .o_cc4 .dropdown-menu .dropdown-item.active h6:hover, .o_cc4 .dropdown-menu .dropdown-item.active h6:focus, .o_cc4 .dropdown-menu .dropdown-item:active:hover, .o_cc4 .dropdown-menu .dropdown-item:active:focus, .o_cc4 .dropdown-menu .dropdown-item:active h6:hover, .o_cc4 .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc4 .dropdown-menu .dropdown-item:active h6:focus{color: #FFFFFF !important;}.o_cc4 a.list-group-item, .o_colored_level .o_cc4 a.list-group-item{color: #383E45;}.o_cc4 a.list-group-item.active, .o_colored_level .o_cc4 a.list-group-item.active{background-color: #383E45; color: #FFFFFF; border-color: #383E45;}.o_cc5, .o_footer{background-color: #383E45; color: #FFFFFF;}.o_cc5 .text-muted, .o_footer .text-muted, .o_colored_level .o_cc5 .text-muted, .o_colored_level .o_footer .text-muted{color: rgba(255, 255, 255, 0.7) !important;}.o_cc5 h1, .o_footer h1, .o_cc5 h2, .o_footer h2, .o_cc5 h3, .o_footer h3, .o_cc5 h4, .o_footer h4, .o_cc5 h5, .o_footer h5, .o_cc5 h6, .o_footer h6, .o_colored_level .o_cc5 h1, .o_colored_level .o_footer h1, .o_colored_level .o_cc5 h2, .o_colored_level .o_footer h2, .o_colored_level .o_cc5 h3, .o_colored_level .o_footer h3, .o_colored_level .o_cc5 h4, .o_colored_level .o_footer h4, .o_colored_level .o_cc5 h5, .o_colored_level .o_footer h5, .o_colored_level .o_cc5 h6, .o_colored_level .o_footer h6{color: #FFFFFF;}.o_cc5 a:not(.btn), .o_footer a:not(.btn), .o_cc5 .btn-link, .o_footer .btn-link, .o_colored_level .o_cc5 a:not(.btn), .o_colored_level .o_footer a:not(.btn), .o_colored_level .o_cc5 .btn-link, .o_colored_level .o_footer .btn-link{color: #39a3ec;}.o_cc5 a:not(.btn):hover, .o_footer a:not(.btn):hover, .o_cc5 .btn-link:hover, .o_footer .btn-link:hover, .o_colored_level .o_cc5 a:not(.btn):hover, .o_colored_level .o_footer a:not(.btn):hover, .o_colored_level .o_cc5 .btn-link:hover, .o_colored_level .o_footer .btn-link:hover{color: #137dc5;}.o_cc5 .btn-fill-primary, .o_footer .btn-fill-primary, .o_cc5 .btn-primary, .o_footer .btn-primary, .o_colored_level .o_cc5 .btn-fill-primary, .o_colored_level .o_footer .btn-fill-primary, .o_colored_level .o_cc5 .btn-primary, .o_colored_level .o_footer .btn-primary{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc5 .btn-fill-primary:hover, .o_footer .btn-fill-primary:hover, .o_cc5 .btn-primary:hover, .o_footer .btn-primary:hover, .o_colored_level .o_cc5 .btn-fill-primary:hover, .o_colored_level .o_footer .btn-fill-primary:hover, .o_colored_level .o_cc5 .btn-primary:hover, .o_colored_level .o_footer .btn-primary:hover{color: #FFFFFF; background-color: #1067a2; border-color: #0f5f96;}.o_cc5 .btn-fill-primary:focus, .o_footer .btn-fill-primary:focus, .o_cc5 .btn-primary:focus, .o_footer .btn-primary:focus, .o_cc5 .btn-fill-primary.focus, .o_footer .btn-fill-primary.focus, .o_cc5 .focus.btn-primary, .o_footer .focus.btn-primary, .o_colored_level .o_cc5 .btn-fill-primary:focus, .o_colored_level .o_footer .btn-fill-primary:focus, .o_colored_level .o_cc5 .btn-primary:focus, .o_colored_level .o_footer .btn-primary:focus, .o_colored_level .o_cc5 .btn-fill-primary.focus, .o_colored_level .o_footer .btn-fill-primary.focus, .o_colored_level .o_cc5 .focus.btn-primary, .o_colored_level .o_footer .focus.btn-primary{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.o_cc5 .btn-fill-primary.disabled, .o_footer .btn-fill-primary.disabled, .o_cc5 .disabled.btn-primary, .o_footer .disabled.btn-primary, .o_cc5 .btn-fill-primary:disabled, .o_footer .btn-fill-primary:disabled, .o_cc5 .btn-primary:disabled, .o_footer .btn-primary:disabled, .o_cc5 .btn-primary.o_wysiwyg_loader, .o_footer .btn-primary.o_wysiwyg_loader, .o_cc5 .btn-fill-primary.o_wysiwyg_loader, .o_footer .btn-fill-primary.o_wysiwyg_loader, .o_colored_level .o_cc5 .btn-fill-primary.disabled, .o_colored_level .o_footer .btn-fill-primary.disabled, .o_colored_level .o_cc5 .disabled.btn-primary, .o_colored_level .o_footer .disabled.btn-primary, .o_colored_level .o_cc5 .btn-fill-primary:disabled, .o_colored_level .o_footer .btn-fill-primary:disabled, .o_colored_level .o_cc5 .btn-primary:disabled, .o_colored_level .o_footer .btn-primary:disabled, .o_colored_level .o_cc5 .btn-primary.o_wysiwyg_loader, .o_colored_level .o_footer .btn-primary.o_wysiwyg_loader, .o_colored_level .o_cc5 .btn-fill-primary.o_wysiwyg_loader, .o_colored_level .o_footer .btn-fill-primary.o_wysiwyg_loader{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc5 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc5 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc5 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc5 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc5 .btn-fill-primary.dropdown-toggle, .show > .o_footer .btn-fill-primary.dropdown-toggle, .show > .o_cc5 .dropdown-toggle.btn-primary, .show > .o_footer .dropdown-toggle.btn-primary, .o_colored_level .o_cc5 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc5 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc5 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc5 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc5 .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_footer .btn-fill-primary.dropdown-toggle, .show > .o_colored_level .o_cc5 .dropdown-toggle.btn-primary, .show > .o_colored_level .o_footer .dropdown-toggle.btn-primary{color: #FFFFFF; background-color: #0f5f96; border-color: #0d588b;}.o_cc5 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc5 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc5 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc5 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc5 .btn-fill-primary.dropdown-toggle:focus, .show > .o_footer .btn-fill-primary.dropdown-toggle:focus, .show > .o_cc5 .dropdown-toggle.btn-primary:focus, .show > .o_footer .dropdown-toggle.btn-primary:focus, .o_colored_level .o_cc5 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc5 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc5 .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .btn-fill-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc5 .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc5 .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .btn-fill-primary.dropdown-toggle:focus, .show > .o_colored_level .o_cc5 .dropdown-toggle.btn-primary:focus, .show > .o_colored_level .o_footer .dropdown-toggle.btn-primary:focus{box-shadow: 0 0 0 0.2rem rgba(54, 145, 206, 0.5);}.o_cc5 .btn-outline-primary, .o_footer .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary, .o_colored_level .o_footer .btn-outline-primary{color: #137DC5; border-color: #137DC5;}.o_cc5 .btn-outline-primary:hover, .o_footer .btn-outline-primary:hover, .o_colored_level .o_cc5 .btn-outline-primary:hover, .o_colored_level .o_footer .btn-outline-primary:hover{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc5 .btn-outline-primary:focus, .o_footer .btn-outline-primary:focus, .o_cc5 .btn-outline-primary.focus, .o_footer .btn-outline-primary.focus, .o_colored_level .o_cc5 .btn-outline-primary:focus, .o_colored_level .o_footer .btn-outline-primary:focus, .o_colored_level .o_cc5 .btn-outline-primary.focus, .o_colored_level .o_footer .btn-outline-primary.focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.o_cc5 .btn-outline-primary.disabled, .o_footer .btn-outline-primary.disabled, .o_cc5 .btn-outline-primary:disabled, .o_footer .btn-outline-primary:disabled, .o_cc5 .btn-outline-primary.o_wysiwyg_loader, .o_footer .btn-outline-primary.o_wysiwyg_loader, .o_colored_level .o_cc5 .btn-outline-primary.disabled, .o_colored_level .o_footer .btn-outline-primary.disabled, .o_colored_level .o_cc5 .btn-outline-primary:disabled, .o_colored_level .o_footer .btn-outline-primary:disabled, .o_colored_level .o_cc5 .btn-outline-primary.o_wysiwyg_loader, .o_colored_level .o_footer .btn-outline-primary.o_wysiwyg_loader{color: #137DC5; background-color: transparent;}.o_cc5 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc5 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc5 .btn-outline-primary.dropdown-toggle, .show > .o_footer .btn-outline-primary.dropdown-toggle, .o_colored_level .o_cc5 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc5 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc5 .btn-outline-primary.dropdown-toggle, .show > .o_colored_level .o_footer .btn-outline-primary.dropdown-toggle{color: #FFFFFF; background-color: #137DC5; border-color: #137DC5;}.o_cc5 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc5 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc5 .btn-outline-primary.dropdown-toggle:focus, .show > .o_footer .btn-outline-primary.dropdown-toggle:focus, .o_colored_level .o_cc5 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc5 .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .btn-outline-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc5 .btn-outline-primary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .btn-outline-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(19, 125, 197, 0.5);}.o_cc5 .btn-fill-secondary, .o_footer .btn-fill-secondary, .o_cc5 .btn-secondary, .o_footer .btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary, .o_colored_level .o_footer .btn-fill-secondary, .o_colored_level .o_cc5 .btn-secondary, .o_colored_level .o_footer .btn-secondary{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc5 .btn-fill-secondary:hover, .o_footer .btn-fill-secondary:hover, .o_cc5 .btn-secondary:hover, .o_footer .btn-secondary:hover, .o_colored_level .o_cc5 .btn-fill-secondary:hover, .o_colored_level .o_footer .btn-fill-secondary:hover, .o_colored_level .o_cc5 .btn-secondary:hover, .o_colored_level .o_footer .btn-secondary:hover{color: #212529; background-color: #e3e3e3; border-color: #dddcdc;}.o_cc5 .btn-fill-secondary:focus, .o_footer .btn-fill-secondary:focus, .o_cc5 .btn-secondary:focus, .o_footer .btn-secondary:focus, .o_cc5 .btn-fill-secondary.focus, .o_footer .btn-fill-secondary.focus, .o_cc5 .focus.btn-secondary, .o_footer .focus.btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:focus, .o_colored_level .o_footer .btn-fill-secondary:focus, .o_colored_level .o_cc5 .btn-secondary:focus, .o_colored_level .o_footer .btn-secondary:focus, .o_colored_level .o_cc5 .btn-fill-secondary.focus, .o_colored_level .o_footer .btn-fill-secondary.focus, .o_colored_level .o_cc5 .focus.btn-secondary, .o_colored_level .o_footer .focus.btn-secondary{box-shadow: 0 0 0 0.2rem rgba(214, 215, 215, 0.5);}.o_cc5 .btn-fill-secondary.disabled, .o_footer .btn-fill-secondary.disabled, .o_cc5 .disabled.btn-secondary, .o_footer .disabled.btn-secondary, .o_cc5 .btn-fill-secondary:disabled, .o_footer .btn-fill-secondary:disabled, .o_cc5 .btn-secondary:disabled, .o_footer .btn-secondary:disabled, .o_cc5 .btn-secondary.o_wysiwyg_loader, .o_footer .btn-secondary.o_wysiwyg_loader, .o_cc5 .btn-fill-secondary.o_wysiwyg_loader, .o_footer .btn-fill-secondary.o_wysiwyg_loader, .o_colored_level .o_cc5 .btn-fill-secondary.disabled, .o_colored_level .o_footer .btn-fill-secondary.disabled, .o_colored_level .o_cc5 .disabled.btn-secondary, .o_colored_level .o_footer .disabled.btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:disabled, .o_colored_level .o_footer .btn-fill-secondary:disabled, .o_colored_level .o_cc5 .btn-secondary:disabled, .o_colored_level .o_footer .btn-secondary:disabled, .o_colored_level .o_cc5 .btn-secondary.o_wysiwyg_loader, .o_colored_level .o_footer .btn-secondary.o_wysiwyg_loader, .o_colored_level .o_cc5 .btn-fill-secondary.o_wysiwyg_loader, .o_colored_level .o_footer .btn-fill-secondary.o_wysiwyg_loader{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc5 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc5 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc5 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_cc5 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc5 .btn-fill-secondary.dropdown-toggle, .show > .o_footer .btn-fill-secondary.dropdown-toggle, .show > .o_cc5 .dropdown-toggle.btn-secondary, .show > .o_footer .dropdown-toggle.btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc5 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc5 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_cc5 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc5 .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_footer .btn-fill-secondary.dropdown-toggle, .show > .o_colored_level .o_cc5 .dropdown-toggle.btn-secondary, .show > .o_colored_level .o_footer .dropdown-toggle.btn-secondary{color: #212529; background-color: #dddcdc; border-color: #d6d6d6;}.o_cc5 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc5 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc5 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_cc5 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc5 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_footer .btn-fill-secondary.dropdown-toggle:focus, .show > .o_cc5 .dropdown-toggle.btn-secondary:focus, .show > .o_footer .dropdown-toggle.btn-secondary:focus, .o_colored_level .o_cc5 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc5 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc5 .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .btn-fill-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_cc5 .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc5 .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .btn-fill-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_cc5 .dropdown-toggle.btn-secondary:focus, .show > .o_colored_level .o_footer .dropdown-toggle.btn-secondary:focus{box-shadow: 0 0 0 0.2rem rgba(214, 215, 215, 0.5);}.o_cc5 .btn-outline-secondary, .o_footer .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary, .o_colored_level .o_footer .btn-outline-secondary{color: #F6F6F6; border-color: #F6F6F6;}.o_cc5 .btn-outline-secondary:hover, .o_footer .btn-outline-secondary:hover, .o_colored_level .o_cc5 .btn-outline-secondary:hover, .o_colored_level .o_footer .btn-outline-secondary:hover{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc5 .btn-outline-secondary:focus, .o_footer .btn-outline-secondary:focus, .o_cc5 .btn-outline-secondary.focus, .o_footer .btn-outline-secondary.focus, .o_colored_level .o_cc5 .btn-outline-secondary:focus, .o_colored_level .o_footer .btn-outline-secondary:focus, .o_colored_level .o_cc5 .btn-outline-secondary.focus, .o_colored_level .o_footer .btn-outline-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);}.o_cc5 .btn-outline-secondary.disabled, .o_footer .btn-outline-secondary.disabled, .o_cc5 .btn-outline-secondary:disabled, .o_footer .btn-outline-secondary:disabled, .o_cc5 .btn-outline-secondary.o_wysiwyg_loader, .o_footer .btn-outline-secondary.o_wysiwyg_loader, .o_colored_level .o_cc5 .btn-outline-secondary.disabled, .o_colored_level .o_footer .btn-outline-secondary.disabled, .o_colored_level .o_cc5 .btn-outline-secondary:disabled, .o_colored_level .o_footer .btn-outline-secondary:disabled, .o_colored_level .o_cc5 .btn-outline-secondary.o_wysiwyg_loader, .o_colored_level .o_footer .btn-outline-secondary.o_wysiwyg_loader{color: #F6F6F6; background-color: transparent;}.o_cc5 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_footer .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_cc5 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_footer .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_cc5 .btn-outline-secondary.dropdown-toggle, .show > .o_footer .btn-outline-secondary.dropdown-toggle, .o_colored_level .o_cc5 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_footer .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_colored_level .o_cc5 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .o_colored_level .o_footer .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_colored_level .o_cc5 .btn-outline-secondary.dropdown-toggle, .show > .o_colored_level .o_footer .btn-outline-secondary.dropdown-toggle{color: #212529; background-color: #F6F6F6; border-color: #F6F6F6;}.o_cc5 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_footer .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_cc5 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_footer .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_cc5 .btn-outline-secondary.dropdown-toggle:focus, .show > .o_footer .btn-outline-secondary.dropdown-toggle:focus, .o_colored_level .o_cc5 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_footer .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_colored_level .o_cc5 .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .o_colored_level .o_footer .btn-outline-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_colored_level .o_cc5 .btn-outline-secondary.dropdown-toggle:focus, .show > .o_colored_level .o_footer .btn-outline-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(246, 246, 246, 0.5);}.o_cc5 .nav-pills .nav-link.active, .o_footer .nav-pills .nav-link.active, .o_cc5 .nav-pills .show > .nav-link, .o_footer .nav-pills .show > .nav-link, .o_colored_level .o_cc5 .nav-pills .nav-link.active, .o_colored_level .o_footer .nav-pills .nav-link.active, .o_colored_level .o_cc5 .nav-pills .show > .nav-link, .o_colored_level .o_footer .nav-pills .show > .nav-link{background-color: #137DC5; color: #FFFFFF;}.o_cc5 .dropdown-menu .dropdown-item.active, .o_footer .dropdown-menu .dropdown-item.active, .o_cc5 .dropdown-menu .dropdown-item.active h6, .o_footer .dropdown-menu .dropdown-item.active h6, .o_cc5 .dropdown-menu .dropdown-item:active, .o_footer .dropdown-menu .dropdown-item:active, .o_cc5 .dropdown-menu .dropdown-item:active h6, .o_footer .dropdown-menu .dropdown-item:active h6, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active, .o_colored_level .o_footer .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_footer .dropdown-menu .dropdown-item.active h6, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active, .o_colored_level .o_footer .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6, .o_colored_level .o_footer .dropdown-menu .dropdown-item:active h6{background-color: #137DC5; color: #FFFFFF !important;}.o_cc5 .dropdown-menu .dropdown-item.active:hover, .o_footer .dropdown-menu .dropdown-item.active:hover, .o_cc5 .dropdown-menu .dropdown-item.active:focus, .o_footer .dropdown-menu .dropdown-item.active:focus, .o_cc5 .dropdown-menu .dropdown-item.active h6:hover, .o_footer .dropdown-menu .dropdown-item.active h6:hover, .o_cc5 .dropdown-menu .dropdown-item.active h6:focus, .o_footer .dropdown-menu .dropdown-item.active h6:focus, .o_cc5 .dropdown-menu .dropdown-item:active:hover, .o_footer .dropdown-menu .dropdown-item:active:hover, .o_cc5 .dropdown-menu .dropdown-item:active:focus, .o_footer .dropdown-menu .dropdown-item:active:focus, .o_cc5 .dropdown-menu .dropdown-item:active h6:hover, .o_footer .dropdown-menu .dropdown-item:active h6:hover, .o_cc5 .dropdown-menu .dropdown-item:active h6:focus, .o_footer .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_footer .dropdown-menu .dropdown-item.active:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_footer .dropdown-menu .dropdown-item.active:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_footer .dropdown-menu .dropdown-item.active h6:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_footer .dropdown-menu .dropdown-item.active h6:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_footer .dropdown-menu .dropdown-item:active:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_footer .dropdown-menu .dropdown-item:active:focus, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_footer .dropdown-menu .dropdown-item:active h6:hover, .o_colored_level .o_cc5 .dropdown-menu .dropdown-item:active h6:focus, .o_colored_level .o_footer .dropdown-menu .dropdown-item:active h6:focus{color: #FFFFFF !important;}.o_cc5 a.list-group-item, .o_footer a.list-group-item, .o_colored_level .o_cc5 a.list-group-item, .o_colored_level .o_footer a.list-group-item{color: #137DC5;}.o_cc5 a.list-group-item.active, .o_footer a.list-group-item.active, .o_colored_level .o_cc5 a.list-group-item.active, .o_colored_level .o_footer a.list-group-item.active{background-color: #137DC5; color: #FFFFFF; border-color: #137DC5;}.bg-o-color-1{background-color: #137DC5 !important; color: #FFFFFF;}.bg-o-color-1 .text-muted, .o_colored_level .bg-o-color-1 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-o-color-1:hover, a.bg-o-color-1:focus, button.bg-o-color-1:hover, button.bg-o-color-1:focus{background-color: #0f5f96 !important; color: #FFFFFF;}.text-o-color-1{color: #137DC5 !important;}a.text-o-color-1:hover, a.text-o-color-1:focus{color: #0c517f !important;}.bg-o-color-2{background-color: #383E45 !important; color: #FFFFFF;}.bg-o-color-2 .text-muted, .o_colored_level .bg-o-color-2 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-o-color-2:hover, a.bg-o-color-2:focus, button.bg-o-color-2:hover, button.bg-o-color-2:focus{background-color: #212529 !important; color: #FFFFFF;}.text-o-color-2{color: #383E45 !important;}a.text-o-color-2:hover, a.text-o-color-2:focus{color: #16181b !important;}.bg-o-color-3{background-color: #F6F6F6 !important; color: #212529;}.bg-o-color-3 .text-muted, .o_colored_level .bg-o-color-3 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-o-color-3:hover, a.bg-o-color-3:focus, button.bg-o-color-3:hover, button.bg-o-color-3:focus{background-color: #dddcdc !important; color: #212529;}.text-o-color-3{color: #F6F6F6 !important;}a.text-o-color-3:hover, a.text-o-color-3:focus{color: #d0d0d0 !important;}.bg-o-color-4{background-color: #FFFFFF !important; color: #212529;}.bg-o-color-4 .text-muted, .o_colored_level .bg-o-color-4 .text-muted{color: rgba(33, 37, 41, 0.7) !important;}a.bg-o-color-4:hover, a.bg-o-color-4:focus, button.bg-o-color-4:hover, button.bg-o-color-4:focus{background-color: #e6e5e5 !important; color: #212529;}.text-o-color-4{color: #FFFFFF !important;}a.text-o-color-4:hover, a.text-o-color-4:focus{color: #d9d9d9 !important;}.bg-o-color-5{background-color: #383E45 !important; color: #FFFFFF;}.bg-o-color-5 .text-muted, .o_colored_level .bg-o-color-5 .text-muted{color: rgba(255, 255, 255, 0.7) !important;}a.bg-o-color-5:hover, a.bg-o-color-5:focus, button.bg-o-color-5:hover, button.bg-o-color-5:focus{background-color: #212529 !important; color: #FFFFFF;}.text-o-color-5{color: #383E45 !important;}a.text-o-color-5:hover, a.text-o-color-5:focus{color: #16181b !important;}section, .oe_img_bg, [data-oe-shape-data], .o_background_video, .parallax, section > *, .oe_img_bg > *, [data-oe-shape-data] > *, .o_background_video > *, .parallax > *{position: relative;}.o_we_bg_filter, .o_we_shape, .o_bg_video_container, .parallax > .s_parallax_bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat; pointer-events: none;} /* /web_editor/static/src/scss/web_editor.frontend.scss defined in bundle 'web.assets_frontend' */ @media (max-width: 767.98px){img, .media_iframe_video, span.fa, i.fa{transform: none !important;}}.o_wysiwyg_loader{pointer-events: none; min-height: 100px; color: transparent;}.o_wysiwyg_loading{position: absolute; top: 50%; right: 50%; bottom: auto; left: auto; transform: translate(50%, -50%);}.ui-autocomplete{max-height: 50vh; overflow-y: auto; overflow-x: hidden;}.ui-autocomplete .ui-menu-item{padding: 0;}.ui-autocomplete .ui-menu-item > .ui-state-active{border: none; font-weight: normal; margin: 0;}.o_we_shape.o_web_editor_Airy_01{background-image: url("/web_editor/shape/web_editor/Airy/01.svg?c1=%23137DC5"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_02{background-image: url("/web_editor/shape/web_editor/Airy/02.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_03{background-image: url("/web_editor/shape/web_editor/Airy/03.svg?c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_04{background-image: url("/web_editor/shape/web_editor/Airy/04.svg?c1=%23137DC5"); background-position: center; background-size: 100% 100%;}.o_we_shape.o_web_editor_Airy_05{background-image: url("/web_editor/shape/web_editor/Airy/05.svg?c1=%23137DC5"); background-position: center; background-size: 100% 100%;}.o_we_shape.o_web_editor_Airy_06{background-image: url("/web_editor/shape/web_editor/Airy/06.svg?c2=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_07{background-image: url("/web_editor/shape/web_editor/Airy/07.svg?c2=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_08{background-image: url("/web_editor/shape/web_editor/Airy/08.svg?c1=%23137DC5"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_09{background-image: url("/web_editor/shape/web_editor/Airy/09.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_10{background-image: url("/web_editor/shape/web_editor/Airy/10.svg?c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_11{background-image: url("/web_editor/shape/web_editor/Airy/11.svg?c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_12{background-image: url("/web_editor/shape/web_editor/Airy/12.svg?c1=%23137DC5&c3=%23F6F6F6"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_13{background-image: url("/web_editor/shape/web_editor/Airy/13.svg?c1=%23137DC5&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Airy_14{background-image: url("/web_editor/shape/web_editor/Airy/14.svg?c1=%23137DC5&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_01{background-image: url("/web_editor/shape/web_editor/Blobs/01.svg?c2=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_02{background-image: url("/web_editor/shape/web_editor/Blobs/02.svg?c1=%23137DC5&c2=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_03{background-image: url("/web_editor/shape/web_editor/Blobs/03.svg?c2=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_04{background-image: url("/web_editor/shape/web_editor/Blobs/04.svg?c5=%23383E45"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_05{background-image: url("/web_editor/shape/web_editor/Blobs/05.svg?c1=%23137DC5"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_06{background-image: url("/web_editor/shape/web_editor/Blobs/06.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_07{background-image: url("/web_editor/shape/web_editor/Blobs/07.svg?c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_08{background-image: url("/web_editor/shape/web_editor/Blobs/08.svg?c1=%23137DC5"); background-position: left; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_09{background-image: url("/web_editor/shape/web_editor/Blobs/09.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_10{background-image: url("/web_editor/shape/web_editor/Blobs/10.svg?c1=%23137DC5&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_11{background-image: url("/web_editor/shape/web_editor/Blobs/11.svg?c1=%23137DC5"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Blobs_12{background-image: url("/web_editor/shape/web_editor/Blobs/12.svg?c1=%23137DC5"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Blocks_01{background-image: url("/web_editor/shape/web_editor/Blocks/01.svg?c1=%23137DC5&c3=%23F6F6F6&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Blocks_01_001{background-image: url("/web_editor/shape/web_editor/Blocks/01_001.svg?c1=%23137DC5&c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Blocks_02{background-image: url("/web_editor/shape/web_editor/Blocks/02.svg?c1=%23137DC5&c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Blocks_02_001{background-image: url("/web_editor/shape/web_editor/Blocks/02_001.svg?c1=%23137DC5&c3=%23F6F6F6&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Blocks_03{background-image: url("/web_editor/shape/web_editor/Blocks/03.svg?c1=%23137DC5&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Blocks_04{background-image: url("/web_editor/shape/web_editor/Blocks/04.svg?c1=%23137DC5&c2=%23383E45&c3=%23F6F6F6&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_01{background-image: url("/web_editor/shape/web_editor/Bold/01.svg?c2=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_02{background-image: url("/web_editor/shape/web_editor/Bold/02.svg?c1=%23137DC5&c2=%23383E45&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_03{background-image: url("/web_editor/shape/web_editor/Bold/03.svg?c1=%23137DC5&c3=%23F6F6F6&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_04{background-image: url("/web_editor/shape/web_editor/Bold/04.svg?c2=%23383E45&c3=%23F6F6F6"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_05{background-image: url("/web_editor/shape/web_editor/Bold/05.svg?c5=%23383E45"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_05_001{background-image: url("/web_editor/shape/web_editor/Bold/05_001.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_06{background-image: url("/web_editor/shape/web_editor/Bold/06.svg?c5=%23383E45"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_06_001{background-image: url("/web_editor/shape/web_editor/Bold/06_001.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_07{background-image: url("/web_editor/shape/web_editor/Bold/07.svg?c1=%23137DC5&c2=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_08{background-image: url("/web_editor/shape/web_editor/Bold/08.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_09{background-image: url("/web_editor/shape/web_editor/Bold/09.svg?c2=%23383E45&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_10{background-image: url("/web_editor/shape/web_editor/Bold/10.svg?c1=%23137DC5&c3=%23F6F6F6&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_10_001{background-image: url("/web_editor/shape/web_editor/Bold/10_001.svg?c1=%23137DC5&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_11{background-image: url("/web_editor/shape/web_editor/Bold/11.svg?c1=%23137DC5&c2=%23383E45&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_11_001{background-image: url("/web_editor/shape/web_editor/Bold/11_001.svg?c1=%23137DC5&c2=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Bold_12{background-image: url("/web_editor/shape/web_editor/Bold/12.svg?c1=%23137DC5&c2=%23383E45&c5=%23383E45"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_01{background-image: url("/web_editor/shape/web_editor/Origins/01.svg?c2=%23383E45&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_02{background-image: url("/web_editor/shape/web_editor/Origins/02.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_03{background-image: url("/web_editor/shape/web_editor/Origins/03.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_04{background-image: url("/web_editor/shape/web_editor/Origins/04.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_05{background-image: url("/web_editor/shape/web_editor/Origins/05.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_06{background-image: url("/web_editor/shape/web_editor/Origins/06.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_07{background-image: url("/web_editor/shape/web_editor/Origins/07.svg?c3=%23F6F6F6"); background-position: center; background-size: 100% 100%;}.o_we_shape.o_web_editor_Origins_08{background-image: url("/web_editor/shape/web_editor/Origins/08.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_09{background-image: url("/web_editor/shape/web_editor/Origins/09.svg?c1=%23137DC5&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_10{background-image: url("/web_editor/shape/web_editor/Origins/10.svg?c2=%23383E45&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_11{background-image: url("/web_editor/shape/web_editor/Origins/11.svg?c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_12{background-image: url("/web_editor/shape/web_editor/Origins/12.svg?c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_13{background-image: url("/web_editor/shape/web_editor/Origins/13.svg?c3=%23F6F6F6&c5=%23383E45"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_14{background-image: url("/web_editor/shape/web_editor/Origins/14.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Origins_15{background-image: url("/web_editor/shape/web_editor/Origins/15.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_01{background-image: url("/web_editor/shape/web_editor/Rainy/01.svg?c1=%23137DC5&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_02{background-image: url("/web_editor/shape/web_editor/Rainy/02.svg?c1=%23137DC5&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_03{background-image: url("/web_editor/shape/web_editor/Rainy/03.svg?c2=%23383E45&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto; background-repeat: repeat-y;}.o_we_shape.o_web_editor_Rainy_04{background-image: url("/web_editor/shape/web_editor/Rainy/04.svg?c1=%23137DC5&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_05{background-image: url("/web_editor/shape/web_editor/Rainy/05.svg?c1=%23137DC5&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_05_001{background-image: url("/web_editor/shape/web_editor/Rainy/05_001.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_06{background-image: url("/web_editor/shape/web_editor/Rainy/06.svg?c1=%23137DC5&c2=%23383E45&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_07{background-image: url("/web_editor/shape/web_editor/Rainy/07.svg?c1=%23137DC5&c2=%23383E45&c3=%23F6F6F6"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_08{background-image: url("/web_editor/shape/web_editor/Rainy/08.svg?c1=%23137DC5&c4=%23FFFFFF"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Rainy_09{background-image: url("/web_editor/shape/web_editor/Rainy/09.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_01{background-image: url("/web_editor/shape/web_editor/Wavy/01.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_02{background-image: url("/web_editor/shape/web_editor/Wavy/02.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_03{background-image: url("/web_editor/shape/web_editor/Wavy/03.svg?c1=%23137DC5&c2=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_04{background-image: url("/web_editor/shape/web_editor/Wavy/04.svg?c1=%23137DC5&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_05{background-image: url("/web_editor/shape/web_editor/Wavy/05.svg?c1=%23137DC5&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_06{background-image: url("/web_editor/shape/web_editor/Wavy/06.svg?c1=%23137DC5&c3=%23F6F6F6&c4=%23FFFFFF&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_06_001{background-image: url("/web_editor/shape/web_editor/Wavy/06_001.svg?c1=%23137DC5&c3=%23F6F6F6&c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_07{background-image: url("/web_editor/shape/web_editor/Wavy/07.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_08{background-image: url("/web_editor/shape/web_editor/Wavy/08.svg?c2=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_09{background-image: url("/web_editor/shape/web_editor/Wavy/09.svg?c1=%23137DC5&c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_10{background-image: url("/web_editor/shape/web_editor/Wavy/10.svg?c1=%23137DC5&c2=%23383E45"); background-position: center; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_11{background-image: url("/web_editor/shape/web_editor/Wavy/11.svg?c1=%23137DC5&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_12{background-image: url("/web_editor/shape/web_editor/Wavy/12.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_13{background-image: url("/web_editor/shape/web_editor/Wavy/13.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_14{background-image: url("/web_editor/shape/web_editor/Wavy/14.svg?c1=%23137DC5&c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_15{background-image: url("/web_editor/shape/web_editor/Wavy/15.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_16{background-image: url("/web_editor/shape/web_editor/Wavy/16.svg?c1=%23137DC5"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_17{background-image: url("/web_editor/shape/web_editor/Wavy/17.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_18{background-image: url("/web_editor/shape/web_editor/Wavy/18.svg?c5=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_19{background-image: url("/web_editor/shape/web_editor/Wavy/19.svg?c5=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_20{background-image: url("/web_editor/shape/web_editor/Wavy/20.svg?c2=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_21{background-image: url("/web_editor/shape/web_editor/Wavy/21.svg?c2=%23383E45"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_22{background-image: url("/web_editor/shape/web_editor/Wavy/22.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Wavy_23{background-image: url("/web_editor/shape/web_editor/Wavy/23.svg?c3=%23F6F6F6"); background-position: top; background-size: 100% auto;}.o_we_shape.o_web_editor_Zigs_01{background-image: url("/web_editor/shape/web_editor/Zigs/01.svg?c2=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Zigs_02{background-image: url("/web_editor/shape/web_editor/Zigs/02.svg?c2=%23383E45"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Zigs_03{background-image: url("/web_editor/shape/web_editor/Zigs/03.svg?c1=%23137DC5"); background-position: top; background-size: 100% auto; background-repeat: repeat-y;}.o_we_shape.o_web_editor_Zigs_04{background-image: url("/web_editor/shape/web_editor/Zigs/04.svg?c1=%23137DC5"); background-position: bottom; background-size: 100% auto;}.o_we_shape.o_web_editor_Zigs_05{background-image: url("/web_editor/shape/web_editor/Zigs/05.svg?c3=%23F6F6F6"); background-position: bottom; background-size: 100% auto;}@media (max-width: 767.98px){.o_we_shape{display: none;}}.o_we_flip_x{transform: scaleX(-1);}.o_we_flip_y{transform: scaleY(-1);}.o_we_flip_x.o_we_flip_y{transform: scale(-1);} /* /portal/static/src/scss/bootstrap.extend.scss defined in bundle 'web.assets_frontend' */ @media (min-width: 576px){.w-sm-25{width: 25% !important;}.w-sm-50{width: 50% !important;}.w-sm-75{width: 75% !important;}.w-sm-100{width: 100% !important;}.w-sm-auto{width: auto !important;}.w-sm-0{width: 0 !important;}.h-sm-25{height: 25% !important;}.h-sm-50{height: 50% !important;}.h-sm-75{height: 75% !important;}.h-sm-100{height: 100% !important;}.h-sm-auto{height: auto !important;}.h-sm-0{height: 0 !important;}}@media (min-width: 768px){.w-md-25{width: 25% !important;}.w-md-50{width: 50% !important;}.w-md-75{width: 75% !important;}.w-md-100{width: 100% !important;}.w-md-auto{width: auto !important;}.w-md-0{width: 0 !important;}.h-md-25{height: 25% !important;}.h-md-50{height: 50% !important;}.h-md-75{height: 75% !important;}.h-md-100{height: 100% !important;}.h-md-auto{height: auto !important;}.h-md-0{height: 0 !important;}}@media (min-width: 992px){.w-lg-25{width: 25% !important;}.w-lg-50{width: 50% !important;}.w-lg-75{width: 75% !important;}.w-lg-100{width: 100% !important;}.w-lg-auto{width: auto !important;}.w-lg-0{width: 0 !important;}.h-lg-25{height: 25% !important;}.h-lg-50{height: 50% !important;}.h-lg-75{height: 75% !important;}.h-lg-100{height: 100% !important;}.h-lg-auto{height: auto !important;}.h-lg-0{height: 0 !important;}}@media (min-width: 1200px){.w-xl-25{width: 25% !important;}.w-xl-50{width: 50% !important;}.w-xl-75{width: 75% !important;}.w-xl-100{width: 100% !important;}.w-xl-auto{width: auto !important;}.w-xl-0{width: 0 !important;}.h-xl-25{height: 25% !important;}.h-xl-50{height: 50% !important;}.h-xl-75{height: 75% !important;}.h-xl-100{height: 100% !important;}.h-xl-auto{height: auto !important;}.h-xl-0{height: 0 !important;}} /* /portal/static/src/scss/portal.scss defined in bundle 'web.assets_frontend' */ body{direction: rtl;}header .navbar-brand{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 75%;}header .navbar-brand.logo{padding-top: 0; padding-bottom: 0;}header .navbar-brand.logo img{object-fit: contain; display: block; width: auto; height: 2.5rem;}@media (max-width: 767.98px){header .navbar-brand.logo img{max-height: 2.5rem;}}header .nav-link{white-space: nowrap;}.navbar{margin-bottom: 0;}@media (max-width: 767.98px){.navbar .nav.navbar-nav.float-right{float: none !important;}}@media (min-width: 768px){.navbar-expand-md ul.nav > li.divider{display: list-item;}}ul.flex-column > li > a{padding: 2px 15px;}a.fa:hover, .btn-link.fa:hover{text-decoration: none;}.jumbotron{margin-bottom: 0;}ul{list-style-type: disc;}ul ul{list-style-type: circle;}ul ul ul{list-style-type: square;}ul ul ul ul{list-style-type: disc;}ul ul ul ul ul{list-style-type: circle;}ul ul ul ul ul ul{list-style-type: square;}ul ul ul ul ul ul ul{list-style-type: disc;}ol{list-style-type: decimal;}ol ol{list-style-type: lower-alpha;}ol ol ol{list-style-type: lower-greek;}ol ol ol ol{list-style-type: decimal;}ol ol ol ol ol{list-style-type: lower-alpha;}ol ol ol ol ol ol{list-style-type: lower-greek;}ol ol ol ol ol ol ol{list-style-type: decimal;}li > p{margin: 0;}.container .container, .o_container_small .container, .container .o_container_small, .o_container_small .o_container_small, .container .container-fluid, .o_container_small .container-fluid, .container-fluid .container-fluid{padding-left: 0; padding-right: 0;}#wrap .container::before, #wrap .o_container_small::before, #wrap .container::after, #wrap .o_container_small::after, #wrap .container-fluid::before, #wrap .container-fluid::after{content: ""; display: table; clear: both;}[class^="col-lg-"]{min-height: 24px;}.input-group{-webkit-flex-flow: row nowrap; flex-flow: row nowrap;}.list-group-item:not([class*="list-group-item-"]):not(.active){color: #212529;}.o_portal .breadcrumb, .o_portal_wrap .o_portal_navbar .breadcrumb{background-color: inherit;}.o_page_header{margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DEE2E6;}img.float-right, .media_iframe_video.float-right, .o_image.float-right{margin-right: 15px;}img.float-left, .media_iframe_video.float-left, .o_image.float-left{margin-left: 15px;}::-moz-selection{background: rgba(150, 150, 220, 0.3);}::selection{background: rgba(150, 150, 220, 0.3);}.oe_search_box{padding-left: 23px;}.para_large{font-size: 120%;}.jumbotron .para_large p{font-size: 150%;}.readable{font-size: 120%; max-width: 700px; margin-right: auto; margin-left: auto;}.readable .container, .readable .o_container_small{padding-right: 0; padding-left: 0; width: auto;}.oe_dark{background-color: rgba(200, 200, 200, 0.14);}.oe_black{background-color: rgba(0, 0, 0, 0.9); color: white;}.oe_green{background-color: #169C78; color: white;}.oe_green .text-muted{color: #ddd !important;}.oe_blue_light{background-color: #41b6ab; color: white;}.oe_blue_light .text-muted{color: #ddd !important;}.oe_blue{background-color: #34495e; color: white;}.oe_orange{background-color: #f05442; color: white;}.oe_orange .text-muted{color: #ddd !important;}.oe_purple{background-color: #b163a3; color: white;}.oe_purple .text-muted{color: #ddd !important;}.oe_red{background-color: #9C1b31; color: white;}.oe_red .text-muted{color: #ddd !important;}.oe_none{background-color: #FFFFFF;}.oe_yellow{background-color: #A2A51B;}.oe_green{background-color: #149F2C;}#wrapwrap.o_portal{background-color: #ececec !important; color: #212529;}.o_portal > tbody.o_portal_report_tbody{vertical-align: middle;}.o_portal_wrap .o_portal_my_home > .o_page_header > a:hover{text-decoration: none;}.o_portal_wrap .o_portal_navbar{background-color: white !important;}.o_portal_wrap .o_portal_navbar .breadcrumb{padding-right: 0; padding-left: 0;}.o_portal_wrap .o_portal_my_doc_table th{padding-top: 0.5rem; padding-bottom: 0.5rem; max-width: 500px;}.o_portal_wrap .o_portal_my_doc_table td{padding-top: 0.25rem; padding-bottom: 0.25rem; max-width: 10rem;}.o_portal_wrap .o_portal_my_doc_table tr:last-child td{padding-bottom: 0.375rem;}.o_portal_wrap .o_portal_my_doc_table td, .o_portal_wrap .o_portal_my_doc_table th{vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.o_portal_wrap .o_portal_my_doc_table td:has(a), .o_portal_wrap .o_portal_my_doc_table th:has(a){color: #137DC5;}.o_portal_wrap address span[itemprop="name"]{margin-bottom: 0.3em;}.o_portal_wrap address div[itemprop="address"] > div{position: relative;}.o_portal_wrap address div[itemprop="address"] > div span[itemprop="streetAddress"]{line-height: 1.2; margin-bottom: 0.3em;}.o_portal_wrap address div[itemprop="address"] > div .fa{position: absolute; top: 0; right: 0; bottom: auto; left: auto; line-height: 1.5;}.o_portal_wrap address div[itemprop="address"] > div .fa + span, .o_portal_wrap address div[itemprop="address"] > div .fa + div{display: block; padding-right: 1.78571429em;}.o_portal_wrap .o_my_sidebar div[itemprop="address"] > div{margin-top: 0.5em;}@media (max-width: 991.98px){.o_portal_wrap #o_portal_navbar_content{margin: 0.5rem -1rem 0; padding: 0.5rem 1rem; border-top: 1px solid #DEE2E6; background-color: #E9ECEF;}}.o_portal_wrap table.table tr{word-wrap: break-word;}.oe_attachments .o_image_small{height: 40px; width: 50px; background-repeat: no-repeat;}form label{font-weight: 700;}form label.label-optional{font-weight: 400;}.o_portal_contact_img{width: 2.3em; height: 2.3em; object-fit: cover;}.o_portal_sidebar #sidebar_content.card{border-right: 0; border-bottom: 0;}.o_portal_sidebar #sidebar_content.card > div.card-body{border-right: 1px solid #DEE2E6;}.o_portal_sidebar #sidebar_content.card > ul > li{border-right: 1px solid #DEE2E6; margin-bottom: -1px;}.o_portal_sidebar #sidebar_content.card > div.card-footer{border-right: 1px solid #DEE2E6; border-bottom: 1px solid #DEE2E6;}.o_portal_sidebar .o_portal_html_view{overflow: hidden; background: white; position: relative;}.o_portal_sidebar .o_portal_html_view .o_portal_html_loader{position: absolute; top: 45%; right: 0; bottom: auto; left: 0;}.o_portal_sidebar .o_portal_html_view iframe{position: relative;}.o_portal_chatter{padding: 10px;}.o_portal_chatter .o_portal_chatter_avatar{width: 45px; height: 45px; margin-left: 1rem;}.o_portal_chatter .o_portal_chatter_header{margin-bottom: 15px;}.o_portal_chatter .o_portal_chatter_composer{margin-bottom: 15px;}.o_portal_chatter .o_portal_chatter_messages{margin-bottom: 15px; overflow-wrap: break-word; word-break: break-word;}.o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message div.media-body > p:not(.o_portal_chatter_puslished_date):last-of-type{margin-bottom: 5px;}.o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message_title p{font-size: 85%; color: rgba(33, 37, 41, 0.7); margin: 0px;}.o_portal_chatter .o_portal_chatter_pager{text-align: center;}.o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_name, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_name{word-wrap: break-word;}.o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_delete{position: absolute; top: 0; right: auto; bottom: auto; left: 0; opacity: 0;}.o_portal_chatter .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete{opacity: 1;}.o_portal_chatter .o_portal_message_internal_off .btn-danger, .o_portal_chatter_composer .o_portal_message_internal_off .btn-danger{display: none;}.o_portal_chatter .o_portal_message_internal_on .btn-success, .o_portal_chatter_composer .o_portal_message_internal_on .btn-success{display: none;}.o_portal_security_body{max-width: 540px;}.o_portal_security_body section form.oe_reset_password_form{max-width: initial; margin: initial;}.o_portal_security_body section .form-group{position: relative;}.o_footer_copyright .o_footer_copyright_name{vertical-align: middle;}.o_footer_copyright .js_language_selector{display: inline-block;}@media (min-width: 768px){.o_footer_copyright .row{display: -webkit-box; display: -webkit-flex; display: flex;}.o_footer_copyright .row > div{margin: auto 0;}} /* /website/static/src/scss/website.scss defined in bundle 'web.assets_frontend' */ :root{--support-13-0-color-system: false; --has-customized-13-0-color-system: false; --header-font-size: 1rem; --bugfixed-footer: 5; --font-size-base: 1rem; --body-image-type: 'image'; --layout: 'full'; --btn-primary-outline: false; --btn-secondary-outline: false; --link-underline: 'hover'; --btn-ripple: false; --font: 'Roboto'; --headings-font: 'Source Sans Pro'; --navbar-font: 'Source Sans Pro'; --buttons-font: 'Source Sans Pro'; --header-template: 'default'; --header-links-style: 'default'; --hamburger-type: 'default'; --hamburger-position: 'left'; --menu-border-style: 'solid'; --sidebar-width: 18.75rem; --footer-template: 'default'; --footer-scrolltop: false; --body: #FFFFFF; --logo-height: 2.5rem; --fixed-logo-height: 2.5rem; --number-of-fonts: 6; --font-number-1: 'Roboto'; --font-number-2: 'Open Sans'; --font-number-3: 'Source Sans Pro'; --font-number-4: 'Raleway'; --font-number-5: 'Noto Serif'; --font-number-6: 'Arvo'; --btn-padding-y: 0.375rem; --btn-padding-x: 0.75rem; --btn-font-size: 1rem; --btn-padding-y-sm: 0.0625rem; --btn-padding-x-sm: 0.3125rem; --btn-font-size-sm: 0.75rem; --btn-padding-y-lg: 0.5rem; --btn-padding-x-lg: 1rem; --btn-font-size-lg: 1.25rem; --btn-border-width: 1px; --btn-border-radius: 0.25rem; --btn-border-radius-sm: 0.2rem; --btn-border-radius-lg: 0.3rem; --input-padding-y: 0.375rem; --input-padding-x: 0.75rem; --input-font-size: 1rem; --input-padding-y-sm: 0.25rem; --input-padding-x-sm: 0.5rem; --input-font-size-sm: 0.75rem; --input-padding-y-lg: 0.5rem; --input-padding-x-lg: 1rem; --input-font-size-lg: 1.25rem; --input-border-width: 1px; --input-border-radius: 0.25rem; --input-border-radius-sm: 0.2rem; --input-border-radius-lg: 0.3rem; --number-of-color-palettes: 19; --color-palettes-number: 1; --has-customized-colors: true; --custom-colors: "o-color-1" "o-color-2" "o-color-3" "o-color-4" "o-color-5" "body" "menu" "menu-border-color" "header-boxed" "footer" "copyright" "o-cc1-bg" "o-cc2-bg" "o-cc2-headings" "o-cc3-bg" "o-cc3-btn-secondary" "o-cc4-bg" "o-cc4-link" "o-cc4-btn-primary" "o-cc4-btn-secondary" "o-cc5-bg" "o-cc5-headings" "o-cc5-btn-secondary";}body:not(.o_fullscreen) #oe_main_menu_navbar:not(.o_hidden) + #wrapwrap .o_header_affixed, body:not(.o_fullscreen) #oe_main_menu_navbar:not(.o_hidden) + #wrapwrap .modal{top: 46px;}body:not(.o_fullscreen) #oe_main_menu_navbar:not(.o_hidden) + #wrapwrap .modal{height: calc(100vh - 46px);}.navbar .navbar-collapse{min-width: 0;}.navbar .nav-item{transition: opacity 1000ms ease 0s;}.navbar .btn{white-space: nowrap;}.navbar .o_menu_loading{flex-wrap: nowrap !important; overflow: hidden !important;}.navbar .o_menu_loading .nav-item{opacity: 0 !important;}.navbar-brand, .navbar-text, .navbar .nav-link{font-family: "Source Sans Pro", "Odoo Unicode Support Noto", sans-serif;}.navbar-light{background-color: #137DC5; color: #FFFFFF;}.navbar-light .text-muted, .o_colored_level .navbar-light .text-muted{color: rgba(255, 255, 255, 0.7) !important;}header .navbar-brand{font-size: 1.66666667rem;}header .navbar-brand, header .navbar-brand.logo{padding-top: 0; padding-bottom: 0;}.o_footer .o_footer_copyright{background-color: rgba(0, 0, 0, 0.15);}.btn{font-family: "Source Sans Pro", "Odoo Unicode Support Noto", sans-serif;}font[style*='background'], font[class*='bg-']{padding: 2px 6px 4px;}.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: #F8F9FA;}.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;}.fa.rounded-circle.fa-3x, .fa.fa-3x.rounded-empty-circle, .fa.rounded.fa-3x, .fa.rounded-0.fa-3x, .fa.rounded-leaf.fa-3x, .fa.img-thumbnail.fa-3x, .fa.shadow.fa-3x{width: 6rem; height: 6rem; line-height: 6rem;}.fa.rounded-circle.fa-4x, .fa.fa-4x.rounded-empty-circle, .fa.rounded.fa-4x, .fa.rounded-0.fa-4x, .fa.rounded-leaf.fa-4x, .fa.img-thumbnail.fa-4x, .fa.shadow.fa-4x{width: 7rem; height: 7rem; line-height: 7rem;}.fa.rounded-circle.fa-5x, .fa.fa-5x.rounded-empty-circle, .fa.rounded.fa-5x, .fa.rounded-0.fa-5x, .fa.rounded-leaf.fa-5x, .fa.img-thumbnail.fa-5x, .fa.shadow.fa-5x{width: 8rem; height: 8rem; line-height: 8rem;}.fa.img-thumbnail{padding: 0;}.fa.rounded-leaf{border-top-right-radius: 3rem; border-bottom-left-radius: 3rem;}.fa.rounded-empty-circle{border-width: 2px; border-style: solid; background: transparent;}@media (min-width: 992px){.o_container_small{max-width: 720px;}}.btn.flat{border: 0; letter-spacing: 0.05em; text-transform: uppercase; padding: 0.75rem 1.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0;}.btn.flat.btn-lg, .btn-group-lg > .btn.flat{padding: 1rem 2rem; font-size: 0.9375rem; line-height: 1.5; border-radius: 0;}.btn.flat.btn-sm, .btn-group-sm > .btn.flat{padding: 0.5rem 1rem; font-size: 0.5625rem; line-height: 1.5; border-radius: 0;}.btn.flat.btn-xs{padding: 0.25rem 0.5rem; font-size: 0.5rem; line-height: 1.5; border-radius: 0;}.btn.rounded-circle, .btn.fa.rounded-empty-circle{border-radius: 100px !important; padding: 0.45rem 1.35rem; font-size: 1rem; line-height: 1.5; border-radius: 30px;}.btn.rounded-circle.btn-lg, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.fa.rounded-empty-circle, .btn.btn-lg.fa.rounded-empty-circle{padding: 0.6rem 1.8rem; font-size: 1.25rem; line-height: 1.5; border-radius: 30px;}.btn.rounded-circle.btn-sm, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.fa.rounded-empty-circle, .btn.btn-sm.fa.rounded-empty-circle{padding: 0.3rem 0.9rem; font-size: 0.75rem; line-height: 1.5; border-radius: 30px;}.btn.rounded-circle.btn-xs, .btn.btn-xs.fa.rounded-empty-circle{padding: 0.15rem 0.45rem; font-size: 0.75rem; line-height: 1.5; border-radius: 30px;}.oe_img_bg{background-size: cover; background-repeat: no-repeat;}.oe_img_bg.o_bg_img_opt_repeat{background-size: auto; background-repeat: repeat;}.oe_img_bg.o_bg_img_opt_contain{background-size: contain; background-position: center center;}.oe_img_bg.o_bg_img_opt_custom{background-size: auto;}.oe_img_bg.o_bg_img_opt_repeat_x{background-repeat: repeat-x;}.oe_img_bg.o_bg_img_opt_repeat_y{background-repeat: repeat-y;}.o_bg_video_iframe{position: relative; pointer-events: none !important;}.o_bg_video_loading{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}@media (max-width: 767.98px){section, .parallax, .row, .hr, .blockquote{height: auto !important;}}.table_desc{margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd;}.table_heading{background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px;}table.table_desc tr td{text-align: right; padding: 5px; font-size: 13px;}table.table_desc tr td:first-child{width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-right: none;}table.table_desc tr td:last-child{border-bottom: 1px solid #c9c9c9;}.jumbotron{border-radius: 0;}.o_full_screen_height, .o_half_screen_height, .cover_mid, .cover_full{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: space-around; min-height: 100vh !important;}.o_half_screen_height, .cover_mid{min-height: 55vh !important;}.card{overflow: hidden;}.s_carousel .carousel-control-prev, .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-next{position: absolute; cursor: pointer; width: 8%; opacity: 1;}@media (max-width: 767.98px){.s_carousel .carousel-control-prev, .s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-next{display: none;}}.s_carousel .carousel-control-prev, .s_quotes_carousel .carousel-control-prev{-webkit-box-pack: start; justify-content: flex-start;}.s_carousel .carousel-control-next, .s_quotes_carousel .carousel-control-next{-webkit-box-pack: end; justify-content: flex-end;}.s_carousel .carousel-control-prev-icon, .s_carousel .carousel-control-next-icon, .s_quotes_carousel .carousel-control-prev-icon, .s_quotes_carousel .carousel-control-next-icon{width: auto; height: auto; background-image: none; color: #212529;}.s_carousel .carousel-control-prev-icon:before, .s_carousel .carousel-control-next-icon:before, .s_quotes_carousel .carousel-control-prev-icon:before, .s_quotes_carousel .carousel-control-next-icon:before{font-family: "FontAwesome"; display: inline-block; background-color: #fff;}.s_carousel .carousel-inner, .s_quotes_carousel .carousel-inner{overflow: hidden; height: 100%;}.s_carousel .carousel-inner .carousel-item, .s_quotes_carousel .carousel-inner .carousel-item{height: 100%;}.s_carousel .carousel-indicators, .s_quotes_carousel .carousel-indicators{position: absolute;}.s_carousel .carousel-indicators li:hover:not(.active), .s_quotes_carousel .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.8);}.s_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-prev-icon:before{content: ''; margin-right: 1.5rem;}.s_carousel.s_carousel_default .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-next-icon:before{content: ''; margin-left: 1.5rem;}.s_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_carousel.s_carousel_default .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-next-icon:before{background-color: rgba(0, 0, 0, 0); font-size: 2rem; color: #fff; text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}.s_carousel.s_carousel_default .carousel-indicators li, .s_quotes_carousel.s_carousel_default .carousel-indicators li{height: .6rem; margin-bottom: .5rem; border: 0; border-radius: 0.2rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);}.s_carousel.s_carousel_bordered, .s_quotes_carousel.s_carousel_bordered{border: 2rem solid rgba(0, 0, 0, 0);}@media (max-width: 767.98px){.s_carousel.s_carousel_bordered, .s_quotes_carousel.s_carousel_bordered{border: 0.5rem solid rgba(0, 0, 0, 0);}}.s_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-prev-icon:before{content: "\f0d9";}.s_carousel.s_carousel_bordered .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-next-icon:before{content: "\f0da";}.s_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_carousel.s_carousel_bordered .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_bordered .carousel-control-next-icon:before{width: 2rem; height: 6rem; line-height: 6rem; font-size: 1.5rem;}.s_carousel.s_carousel_bordered .carousel-indicators li, .s_quotes_carousel.s_carousel_bordered .carousel-indicators li{width: 3rem; height: 1rem;}.s_carousel.s_carousel_rounded .carousel-control-prev, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev{margin-right: 1.5rem;}.s_carousel.s_carousel_rounded .carousel-control-next, .s_quotes_carousel.s_carousel_rounded .carousel-control-next{margin-left: 1.5rem;}.s_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev-icon:before{content: "\f060";}.s_carousel.s_carousel_rounded .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-next-icon:before{content: "\f061";}.s_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_carousel.s_carousel_rounded .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_rounded .carousel-control-next-icon:before{width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; font-size: 1.25rem;}.s_carousel.s_carousel_rounded .carousel-indicators li, .s_quotes_carousel.s_carousel_rounded .carousel-indicators li{width: 1rem; height: 1rem; border-radius: 50%;}.s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed{width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}@media (min-width: 576px){.s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed{max-width: 540px;}}@media (min-width: 768px){.s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed{max-width: 720px;}}@media (min-width: 992px){.s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed{max-width: 960px;}}@media (min-width: 1200px){.s_carousel.s_carousel_boxed, .s_quotes_carousel.s_carousel_boxed{max-width: 1140px;}}.s_carousel.s_carousel_boxed .carousel-item, .s_quotes_carousel.s_carousel_boxed .carousel-item{padding: 0 1rem;}.s_carousel.s_carousel_boxed .carousel-control-prev, .s_carousel.s_carousel_boxed .carousel-control-next, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev, .s_quotes_carousel.s_carousel_boxed .carousel-control-next{align-items: flex-end; margin-bottom: 1.25rem;}.s_carousel.s_carousel_boxed .carousel-control-prev, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev{margin-right: 3rem;}.s_carousel.s_carousel_boxed .carousel-control-next, .s_quotes_carousel.s_carousel_boxed .carousel-control-next{margin-left: 3rem;}.s_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev-icon:before{content: "\f104";}.s_carousel.s_carousel_boxed .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-next-icon:before{content: "\f105";}.s_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_carousel.s_carousel_boxed .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_boxed .carousel-control-next-icon:before{width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.25rem;}.s_carousel.s_carousel_boxed .carousel-indicators li, .s_quotes_carousel.s_carousel_boxed .carousel-indicators li{width: 1rem; height: 1rem;}.s_carousel.s_carousel_boxed .carousel-indicators li:hover:not(.active), .s_quotes_carousel.s_carousel_boxed .carousel-indicators li:hover:not(.active){background-color: rgba(255, 255, 255, 0.8);}.carousel .container .carousel-img img, .carousel .o_container_small .carousel-img img{max-height: 95%; padding: 10px;}.carousel .container > .carousel-caption, .carousel .o_container_small > .carousel-caption{position: absolute; top: auto; right: 50%; bottom: auto; left: 50%; bottom: 20px;}.carousel .container > .carousel-caption > div, .carousel .o_container_small > .carousel-caption > div{position: absolute; text-align: right; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;}.carousel .container > .carousel-image, .carousel .o_container_small > .carousel-image{position: absolute; top: 5%; right: auto; bottom: 5%; left: auto; max-height: 90%; margin: 0 auto;}.carousel .container .carousel-item.text_image .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption{right: 10%;}.carousel .container .carousel-item.text_image .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption > div, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption > div{left: 50%; margin-left: -20%; max-width: 550px;}.carousel .container .carousel-item.text_image .container > .carousel-image, .carousel .o_container_small .carousel-item.text_image .container > .carousel-image, .carousel .container .carousel-item.text_image .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-image{left: 10%; right: 50%;}.carousel .container .carousel-item.image_text .container > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption{left: 10%;}.carousel .container .carousel-item.image_text .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption > div, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption > div{right: 50%; margin-right: -20%; max-width: 550px;}.carousel .container .carousel-item.image_text .container > .carousel-image, .carousel .o_container_small .carousel-item.image_text .container > .carousel-image, .carousel .container .carousel-item.image_text .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-image{left: 50%; right: 10%;}.carousel .container .carousel-item.text_only .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption{right: 10%; left: 10%; top: 10%; bottom: auto;}.carousel .container .carousel-item.text_only .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption > div, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption > div{text-align: center; background: transparent; bottom: auto; width: 100%;}.carousel .container .carousel-item.text_only .container > .carousel-image, .carousel .o_container_small .carousel-item.text_only .container > .carousel-image, .carousel .container .carousel-item.text_only .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-image{display: none !important;}.parallax:not(.s_parallax_no_overflow_hidden){overflow: hidden;}@media (min-width: 1200px){.parallax.s_parallax_is_fixed > .s_parallax_bg{background-attachment: fixed;}}.s_parallax{min-height: 10px;}.o_header_affixed{display: block; position: absolute; top: 0; right: 0; bottom: auto; left: 0; position: fixed;}.o_header_affixed:not(.o_header_no_transition){transition: transform 200ms;}.o_header_affixed.o_header_is_scrolled .navbar-brand{font-size: 1.66666667rem;}.o_header_affixed.o_header_is_scrolled .navbar-brand img{height: 2.5rem;}.navbar .o_extra_menu_items.show > ul > li + li{border-top: 1px solid #E9ECEF;}.navbar .o_extra_menu_items.show > ul > li > a.dropdown-toggle{background-color: #E9ECEF; color: inherit; pointer-events: none;}.navbar .o_extra_menu_items.show > ul > li > ul, .navbar .o_extra_menu_items.show > ul > li > .o_mega_menu{position: static; float: none; display: block; max-height: none; margin-top: 0; padding: 0; border: none; box-shadow: none;}.navbar .o_extra_menu_items.show > ul > li > .o_mega_menu .row > div{max-width: none; flex: auto;}header#top{z-index: 1030;}header:not(.o_header_no_transition) #top_menu_container{transition: all 200ms;}header:not(.o_header_no_transition) .navbar-brand{transition: margin 200ms, font-size 200ms, opacity 200ms ease-out;}header:not(.o_header_no_transition) .navbar-brand img{transition: height 200ms;}@media (min-width: 992px){header .navbar .dropdown-menu{max-height: 60vh; overflow-y: auto; overflow-x: hidden;}}header .navbar-collapse.show{max-height: 80vh; overflow-y: auto; overflow-x: hidden;}@media (max-width: 991.98px){header .navbar-collapse.show .nav-link, header .navbar-collapse.show .dropdown-item{white-space: normal;}}header #top_menu_container{flex-direction: inherit;}@media (min-width: 768px){header .o_navbar_toggler_container{-webkit-box-flex: 0; -webkit-flex: 0 0 0; flex: 0 0 0; min-width: 0; direction: rtl;}}header nav.navbar{border-radius: !important; box-shadow: !important;}.o_mega_menu{width: 100%; padding: 0; margin-top: 0; border-radius: 0; background-clip: unset;}.o_mega_menu .container, .o_mega_menu .o_container_small, .o_mega_menu .container-fluid{padding-right: 15px; padding-left: 15px;}@media (min-width: 992px){.o_mega_menu_container_size{right: 50%; transform: translateX(50%);}}@media (min-width: 576px){.o_mega_menu_container_size{max-width: 510px;}}@media (min-width: 768px){.o_mega_menu_container_size{max-width: 690px;}}@media (min-width: 992px){.o_mega_menu_container_size{max-width: 930px;}}@media (min-width: 1200px){.o_mega_menu_container_size{max-width: 1110px;}}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar){position: absolute; top: 0; right: 0; bottom: auto; left: 0; z-index: 1000;}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar{background-color: transparent !important; border-color: transparent; color: inherit;}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link:hover{background-color: transparent; color: inherit;}#wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_top_menu_collapse_shown):not(.o_header_sidebar) > .navbar .nav-item > .nav-link.active{font-weight: bolder;}#wrapwrap:not(.o_rtl) .js_language_selector .dropdown-menu{min-width: 0;}.js_language_selector a.list-inline-item{padding: 3px 0;}.js_language_selector a.list-inline-item > *{vertical-align: middle;}.o_lang_flag{width: 1.5em; height: 1.5em; margin-left: 0.2em; border-radius: 50rem; object-fit: cover;}span.list-inline-item.o_add_language:last-child{display: none !important;}.o_figure_relative_layout{position: relative;}.o_figure_relative_layout .figure-img{margin-bottom: 0;}.o_figure_relative_layout .figure-caption{position: absolute; top: auto; right: 0; bottom: 0; left: 0; background-color: rgba(25, 26, 26, 0.6) !important; color: #FFFFFF; padding: 0.25rem 0.5rem; font-weight: 700;}.o_figure_relative_layout .figure-caption .text-muted, .o_colored_level .o_figure_relative_layout .figure-caption .text-muted{color: rgba(255, 255, 255, 0.7) !important;}.o_figure_relative_layout .figure-caption a{color: inherit;}.bg-primary-light{background-color: rgba(19, 125, 197, 0.1);}.bg-secondary-light{background-color: rgba(56, 62, 69, 0.1);}.bg-success-light{background-color: rgba(40, 167, 69, 0.1);}.bg-info-light{background-color: rgba(23, 162, 184, 0.1);}.bg-warning-light{background-color: rgba(255, 193, 7, 0.1);}.bg-danger-light{background-color: rgba(220, 53, 69, 0.1);}.bg-light-light{background-color: rgba(247, 247, 248, 0.1);}.bg-dark-light{background-color: rgba(25, 26, 26, 0.1);}.text-facebook, .s_share:not(.no_icon_color) .s_share_facebook, .s_share:not(.no_icon_color) .s_share_facebook:hover, .s_share:not(.no_icon_color) .s_share_facebook:focus{color: #3B5999 !important;}a.text-facebook:hover, .s_share:not(.no_icon_color) a.s_share_facebook:hover, a.text-facebook:focus, .s_share:not(.no_icon_color) a.s_share_facebook:focus{color: #263962 !important;}.text-twitter, .s_share:not(.no_icon_color) .s_share_twitter, .s_share:not(.no_icon_color) .s_share_twitter:hover, .s_share:not(.no_icon_color) .s_share_twitter:focus{color: #55ACEE !important;}a.text-twitter:hover, .s_share:not(.no_icon_color) a.s_share_twitter:hover, a.text-twitter:focus, .s_share:not(.no_icon_color) a.s_share_twitter:focus{color: #1689e0 !important;}.text-linkedin, .s_share:not(.no_icon_color) .s_share_linkedin, .s_share:not(.no_icon_color) .s_share_linkedin:hover, .s_share:not(.no_icon_color) .s_share_linkedin:focus{color: #0077B5 !important;}a.text-linkedin:hover, .s_share:not(.no_icon_color) a.s_share_linkedin:hover, a.text-linkedin:focus, .s_share:not(.no_icon_color) a.s_share_linkedin:focus{color: #004569 !important;}.text-google-plus, .s_share:not(.no_icon_color) .s_share_google, .s_share:not(.no_icon_color) .s_share_google:hover, .s_share:not(.no_icon_color) .s_share_google:focus{color: #DD4B39 !important;}a.text-google-plus:hover, .s_share:not(.no_icon_color) a.s_share_google:hover, a.text-google-plus:focus, .s_share:not(.no_icon_color) a.s_share_google:focus{color: #ac2d1e !important;}.text-youtube, .s_share:not(.no_icon_color) .s_share_youtube, .s_share:not(.no_icon_color) .s_share_youtube:hover, .s_share:not(.no_icon_color) .s_share_youtube:focus{color: #ff0000 !important;}a.text-youtube:hover, .s_share:not(.no_icon_color) a.s_share_youtube:hover, a.text-youtube:focus, .s_share:not(.no_icon_color) a.s_share_youtube:focus{color: #b30000 !important;}.text-github, .s_share:not(.no_icon_color) .s_share_github, .s_share:not(.no_icon_color) .s_share_github:hover, .s_share:not(.no_icon_color) .s_share_github:focus{color: #1a1e22 !important;}a.text-github:hover, .s_share:not(.no_icon_color) a.s_share_github:hover, a.text-github:focus, .s_share:not(.no_icon_color) a.s_share_github:focus{color: black !important;}.text-instagram, .s_share:not(.no_icon_color) .s_share_instagram, .s_share:not(.no_icon_color) .s_share_instagram:hover, .s_share:not(.no_icon_color) .s_share_instagram:focus{color: #cf2872 !important;}a.text-instagram:hover, .s_share:not(.no_icon_color) a.s_share_instagram:hover, a.text-instagram:focus, .s_share:not(.no_icon_color) a.s_share_instagram:focus{color: #8f1c4f !important;}.text-whatsapp, .s_share:not(.no_icon_color) .s_share_whatsapp, .s_share:not(.no_icon_color) .s_share_whatsapp:hover, .s_share:not(.no_icon_color) .s_share_whatsapp:focus{color: #25d366 !important;}a.text-whatsapp:hover, .s_share:not(.no_icon_color) a.s_share_whatsapp:hover, a.text-whatsapp:focus, .s_share:not(.no_icon_color) a.s_share_whatsapp:focus{color: #1a9247 !important;}.text-pinterest, .s_share:not(.no_icon_color) .s_share_pinterest, .s_share:not(.no_icon_color) .s_share_pinterest:hover, .s_share:not(.no_icon_color) .s_share_pinterest:focus{color: #C8232C !important;}a.text-pinterest:hover, .s_share:not(.no_icon_color) a.s_share_pinterest:hover, a.text-pinterest:focus, .s_share:not(.no_icon_color) a.s_share_pinterest:focus{color: #87181e !important;}.modal-footer > .float-left{margin-left: auto;}.o_record_cover_container{position: relative;}.o_record_cover_container .o_record_cover_component{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}.o_scroll_button, #o_wblog_post_content_jump{position: absolute; top: auto; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; width: 50px; height: 50px; animation: o-anim-heartbeat 2.6s ease-in-out 1s infinite;}.o_scroll_button, #o_wblog_post_content_jump, .o_scroll_button:hover, #o_wblog_post_content_jump:hover{text-decoration: none;}.o_scroll_button:focus, #o_wblog_post_content_jump:focus{outline: none;}.o_scroll_button:hover, #o_wblog_post_content_jump:hover{animation-iteration-count: 1;}@keyframes o-anim-heartbeat{0%, 14%, 35%{transform: scale(1);}7%, 21%{transform: scale(1.3); background-color: rgba(19, 125, 197, 0.8);}}.o_ribbon{margin: 0; font-size: 1rem; font-weight: bold; white-space: nowrap; text-align: center; pointer-events: none;}.o_ribbon_right{position: absolute; top: 0; right: auto; bottom: auto; left: 0; padding: 0.5rem 100px; transform: translateX(calc(-1*(-0.708 * (100% - 200px)))) rotate(-45deg) translateX(calc(-1*(100% - 100px))); transform-origin: top left;}.o_ribbon_left{position: absolute; top: 0; right: 0; bottom: auto; left: auto; padding: 0.5rem 100px; transform: translateX(calc(-1*(0.708 * (100% - 200px) - 100%))) rotate(45deg) translateX(-100px); transform-origin: top left;}.o_tag_right{position: absolute; top: 0; right: auto; bottom: auto; left: 0; padding: 0.25rem 1rem;}.o_tag_left{position: absolute; top: 0; right: 0; bottom: auto; left: auto; padding: 0.25rem 1rem;}#website_cookies_bar :not(.o_cookies_popup){bottom: 0;}@media (max-width: 991.98px){#website_cookies_bar .o_cookies_discrete .js_close_popup.o_cookies_bar_text_button, #website_cookies_bar .o_cookies_discrete .o_cookies_bar_text_policy{margin-bottom: 1rem;}}.o_website_btn_loading{cursor: wait; opacity: 0.65;}.o_website_btn_loading .fa:not(.fa-spin){display: none;}.s_showcase_icon{align-self: flex-start;}.modal-open .o_bottom_fixed_element, .o_bottom_fixed_element_hidden{display: none !important;}[placeholder*="data-oe-translation-id"]::-webkit-input-placeholder{color: transparent; opacity: 0;}[placeholder*="data-oe-translation-id"]::-moz-placeholder{color: transparent; opacity: 0;}[data-oe-translation-id] > .o_translation_select{border: 1px solid #CED4DA; border-radius: 0.25rem;}[data-oe-translation-id] > .o_translation_select + select{display: none !important;}[data-oe-translation-id] > .o_translation_select > div:not(:last-child){border-bottom: inherit;} /* /website/static/src/scss/website.ui.scss defined in bundle 'web.assets_frontend' */ body{direction: rtl;}body.o_connected_user{padding-top: 46px !important;}body.o_connected_user.o_fullscreen_transition{transition: padding 400ms ease 0s;}body.o_connected_user.o_fullscreen_transition #oe_main_menu_navbar, body.o_connected_user.o_fullscreen_transition #web_editor-top-edit, body.o_connected_user.o_fullscreen_transition .o_we_website_top_actions, body.o_connected_user.o_fullscreen_transition #oe_snippets{transition: transform 400ms ease 0s !important;}body.o_connected_user.o_fullscreen_transition .o_header_affixed{transition: top 0.35s !important;}body.o_connected_user.o_fullscreen{padding-top: 0 !important;}body.o_connected_user.o_fullscreen.editor_enable.editor_has_snippets{padding-left: 0 !important;}body.o_connected_user.o_fullscreen.editor_enable.editor_has_snippets .modal:not(.o_technical_modal){left: 0;}body.o_connected_user.o_fullscreen #oe_main_menu_navbar, body.o_connected_user.o_fullscreen #web_editor-top-edit{transform: translateY(-100%);}body.o_connected_user.o_fullscreen .o_we_website_top_actions, body.o_connected_user.o_fullscreen #oe_snippets{transform: translateX(-100%);}body.o_connected_user.o_fullscreen .o_header_affixed{top: 0 !important; left: 0 !important;}#oe_main_menu_navbar{position: absolute; top: 0; right: 0; bottom: auto; left: 0; position: fixed; z-index: 1040; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;}#oe_main_menu_navbar .dropdown-menu{background-color: white;}#oe_main_menu_navbar .dropdown-item{color: #212529;}#oe_main_menu_navbar .dropdown-item:hover, #oe_main_menu_navbar .dropdown-item:focus{color: #16181b;}#oe_main_menu_navbar .dropdown-item.active, #oe_main_menu_navbar .dropdown-item:active{color: white; background-color: #00A09D;}#oe_main_menu_navbar a:hover, #oe_main_menu_navbar a:focus{text-decoration: none;}#oe_main_menu_navbar .dropdown-menu{font-size: inherit; border-radius: 0; color: #FFFFFF;}#oe_main_menu_navbar .o_menu_sections .o_mobile_preview a{text-align: center; font-size: 20px;}#oe_main_menu_navbar .o_menu_systray > li > a{padding: 0 15px;}#oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic{padding: 0 7.5px;}#oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"], #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"], #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic{color: #FFFFFF; background-color: #00A09D; border-color: #00A09D;}#oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:hover, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:hover, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:hover{color: #FFFFFF; background-color: #007a77; border-color: #006d6b;}#oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"].focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"].focus, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:focus, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.focus{box-shadow: 0 0 0 0.2rem rgba(38, 174, 172, 0.5);}#oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"].disabled, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:disabled, #oe_main_menu_navbar .o_menu_systray > li > a.o_wysiwyg_loader[data-action="edit"], #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"].disabled, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:disabled, #oe_main_menu_navbar .o_menu_systray > li > a.o_wysiwyg_loader[data-action="translate"], #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.disabled, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:disabled, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.o_wysiwyg_loader{color: #FFFFFF; background-color: #00A09D; border-color: #00A09D;}#oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"].dropdown-toggle, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"].dropdown-toggle, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.dropdown-toggle{color: #FFFFFF; background-color: #006d6b; border-color: #00605e;}#oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"]:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > #oe_main_menu_navbar .o_menu_systray > li > a[data-action="edit"].dropdown-toggle:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"]:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > #oe_main_menu_navbar .o_menu_systray > li > a[data-action="translate"].dropdown-toggle:focus, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > #oe_main_menu_navbar .o_menu_systray > li > a.css_edit_dynamic.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(38, 174, 172, 0.5);}#oe_main_menu_navbar .o_menu_systray > li > a, #oe_main_menu_navbar .o_menu_systray > li > a:hover, #oe_main_menu_navbar .o_menu_systray > li > a:focus{text-decoration: none;}#oe_main_menu_navbar .o_menu_systray .o_mobile_preview a{text-align: center; font-size: 20px;}@media (max-width: 767.98px){#oe_main_menu_navbar #oe_applications{position: inherit; z-index: 1002;}}#o_website_page_loader{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1049; background-color: rgba(0, 0, 0, 0.8);}body .modal.o_technical_modal{font-size: 13px; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e;}body .modal.o_technical_modal .text-muted{color: #999999 !important;}body .modal.o_technical_modal .dropdown-menu{background-color: white;}body .modal.o_technical_modal .dropdown-item{color: #212529;}body .modal.o_technical_modal .dropdown-item:hover, body .modal.o_technical_modal .dropdown-item:focus{color: #16181b;}body .modal.o_technical_modal .dropdown-item.active, body .modal.o_technical_modal .dropdown-item:active{color: white; background-color: #00A09D;}body .modal.o_technical_modal h1, body .modal.o_technical_modal h2, body .modal.o_technical_modal h3, body .modal.o_technical_modal h4, body .modal.o_technical_modal h5, body .modal.o_technical_modal h6, body .modal.o_technical_modal .h1, body .modal.o_technical_modal .h2, body .modal.o_technical_modal .h3, body .modal.o_technical_modal .h4, body .modal.o_technical_modal .h5, body .modal.o_technical_modal .h6{font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #2b2b33; font-weight: bold;}body .modal.o_technical_modal h1, body .modal.o_technical_modal .h1{font-size: 31.2px;}body .modal.o_technical_modal h2, body .modal.o_technical_modal .h2{font-size: 19.5px;}body .modal.o_technical_modal h3, body .modal.o_technical_modal .h3{font-size: 16.9px;}body .modal.o_technical_modal h4, body .modal.o_technical_modal .h4{font-size: 15.6px;}body .modal.o_technical_modal h5, body .modal.o_technical_modal .h5{font-size: 14.3px;}body .modal.o_technical_modal h6, body .modal.o_technical_modal .h6{font-size: 13px;}body .modal.o_technical_modal :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;}body .modal.o_technical_modal .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;}body .modal.o_technical_modal .form-control.is-invalid{border-color: #dc3545;}body .modal.o_technical_modal .input-group .form-control{height: auto;}body .modal.o_technical_modal .input-group-text{background-color: #e9ecef;}body .modal.o_technical_modal .was-validated .form-control:invalid{border-color: #dc3545;}body .modal.o_technical_modal select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 0% 65%; background-repeat: no-repeat;}body .modal.o_technical_modal a:not(.o_btn_preview){color: #00A09D;}body .modal.o_technical_modal a:not(.o_btn_preview):focus, body .modal.o_technical_modal a:not(.o_btn_preview):active, body .modal.o_technical_modal a:not(.o_btn_preview):focus:active{outline: none !important;}body .modal.o_technical_modal .badge:hover a, body .modal.o_technical_modal .badge a{color: #fff;}body .modal.o_technical_modal .btn:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary{color: #FFFFFF; background-color: #00A09D; border-color: #00A09D; color: white;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:hover{color: #FFFFFF; background-color: #007a77; border-color: #006d6b;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(38, 174, 172, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:disabled, body .modal.o_technical_modal .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-primary{color: #FFFFFF; background-color: #00A09D; border-color: #00A09D;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.dropdown-toggle{color: #FFFFFF; background-color: #006d6b; border-color: #00605e;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(38, 174, 172, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary{color: #212529; background-color: white; border-color: white; color: #00A09D;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #ececec; border-color: #e6e5e5;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:disabled, body .modal.o_technical_modal .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-secondary{color: #212529; background-color: white; border-color: white;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e6e5e5; border-color: #dfdfdf;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: white; border-color: white; color: #00A09D;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #ececec; border-color: #e6e5e5;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:disabled, body .modal.o_technical_modal .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-link{color: #212529; background-color: white; border-color: white;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e6e5e5; border-color: #dfdfdf;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67; color: white;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(93, 185, 126, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:disabled, body .modal.o_technical_modal .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(93, 185, 126, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8; color: white;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(128, 168, 181, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:disabled, body .modal.o_technical_modal .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(128, 168, 181, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; color: #33363e;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(209, 153, 72, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:disabled, body .modal.o_technical_modal .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(209, 153, 72, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c; color: #33363e;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(234, 113, 130, 0.5);}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.disabled, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:disabled, body .modal.o_technical_modal .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;}body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > body .modal.o_technical_modal .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(234, 113, 130, 0.5);}body .modal.o_technical_modal .card{padding: 19px; margin-bottom: 20px; background-color: white; border: 1px solid #f2f2f2; border-radius: 0; box-shadow: none;}body .modal.o_technical_modal .modal-content{border-radius: 0; background-color: white;}body .modal.o_technical_modal .modal-content .modal-header{border-bottom-color: #e9ecef;}body .modal.o_technical_modal .modal-content .modal-body{background-color: white;}body .modal.o_technical_modal .modal-content .modal-footer{border-top-color: #e9ecef; text-align: right;}body .modal.o_technical_modal .close{font-size: 19.5px;}body .modal.o_technical_modal .nav-tabs{border-bottom: 1px solid #e9ecef;}body .modal.o_technical_modal .nav-tabs > li > a{line-height: 1.5; color: #4e525b;}body .modal.o_technical_modal .nav-tabs > li > a:hover{border-color: #dee2e6;}body .modal.o_technical_modal .nav-tabs > li > a.active, body .modal.o_technical_modal .nav-tabs > li > a.active:hover, body .modal.o_technical_modal .nav-tabs > li > a.active:focus{color: #3D4047; background-color: white; border-color: #dee2e6 #dee2e6 #FFFFFF;}body .modal.oe_mobile_preview{text-align: center;}body .modal.oe_mobile_preview .modal-dialog{display: inline-block; width: auto;}body .modal.oe_mobile_preview .modal-dialog .modal-content{background-color: black !important; border: 3px outset gray; border-radius: 20px;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header{border: none; cursor: pointer; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header, body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header .close{color: white;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4{font-family: inherit; font-weight: normal; color: inherit;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header h4 .fa{margin-right: 15px;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-header .close{color: #4e525b;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body{background-color: inherit !important; border-radius: 20px; padding: 15px; display: -webkit-box; display: -webkit-flex; display: flex; width: 335px; height: 530px; transition: all 400ms ease 0s;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body.o_invert_orientation{width: 545px; height: 320px;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-body > iframe{display: block; width: 100%; border: none;}body .modal.oe_mobile_preview .modal-dialog .modal-content .modal-footer{display: none;}body .modal .oe_menu_editor ul{padding-right: 37px;}body .modal .oe_menu_editor li{margin-top: -1px;}body .modal .oe_menu_editor li .input-group-addon{border-radius: 0;}body .modal.oe_seo_configuration #language-box{padding-left: 25px; background-color: white;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img{position: relative; transition: border-color 200ms; display: inline-block; border: 2px solid #CED4DA;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img > img{width: 70px; height: 70px; object-fit: cover; cursor: pointer;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img:hover{border-color: #00A09D;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image{border-color: #00A09D;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:before{position: absolute; top: auto; right: auto; bottom: auto; left: 0; content: ''; border: 16px solid rgba(0, 160, 157, 0.8); border-right-color: transparent; border-bottom-color: transparent;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img.o_active_image:after{position: absolute; top: 2px; right: auto; bottom: auto; left: 3px; display: inline-block; content: "\f00c"; font-family: FontAwesome; color: white; font-size: 12px;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img .o-custom-label{position: absolute; top: auto; right: auto; bottom: 0px; left: auto; background: rgba(52, 58, 64, 0.6); font-size: 12px;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload{transition: 200ms; display: inline-block; padding: 23px 27px; border: 3px dashed #949da5; vertical-align: top; cursor: pointer; color: #bcc1c6;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_img_upload:hover{border-color: #00A09D; color: #00A09D;}body .modal.oe_seo_configuration .o_seo_og_image .o_meta_active_img{height: 240px; object-fit: cover;}body .modal.oe_seo_configuration div.oe_seo_preview_g{list-style: none; font-family: arial, sans-serif;}body .modal.oe_seo_configuration div.oe_seo_preview_g .r{cursor: pointer; color: #1a0dab; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}body .modal.oe_seo_configuration div.oe_seo_preview_g .s{font-size: 13px; line-height: 18px; color: #545454;}body .modal.oe_seo_configuration div.oe_seo_preview_g .s .kv{color: #006621; font-size: 14px; line-height: 18px;}body .modal.oe_seo_configuration td.o_seo_keyword_suggestion span.o_seo_suggestion.badge{cursor: pointer;}.o_new_content_open{overflow: hidden;}#o_new_content_menu_choices{font-size: 13px; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; right: 0; bottom: 0; left: 0; position: fixed; display: -webkit-box; display: -webkit-flex; display: flex; overflow: auto; background-color: rgba(0, 0, 0, 0.8); font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;}#o_new_content_menu_choices .text-muted{color: #999999 !important;}#o_new_content_menu_choices::before{content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none;}#o_new_content_menu_choices .container, #o_new_content_menu_choices .o_container_small{max-width: 720px; margin: auto;}#o_new_content_menu_choices .o_new_content_element{opacity: 0; animation: fadeInDownSmall 1s forwards;}#o_new_content_menu_choices .o_new_content_element .o_uninstalled_module{filter: brightness(70%) contrast(60%);}#o_new_content_menu_choices .o_new_content_element .module_icon{display: block; margin: auto;}#o_new_content_menu_choices .o_new_content_element a{display: block; font-size: 34px; text-align: center; text-decoration: none;}#o_new_content_menu_choices .o_new_content_element a i{width: 110px; height: 110px; border: 3px solid #434352; border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}#o_new_content_menu_choices .o_new_content_element a p{color: white; margin-top: 0.7em; font-size: 0.5em;}#o_new_content_menu_choices .o_new_content_element a:hover, #o_new_content_menu_choices .o_new_content_element a:focus{text-decoration: none; outline: none;}#o_new_content_menu_choices .o_new_content_element a:hover i, #o_new_content_menu_choices .o_new_content_element a:focus i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);}.oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;}.o_ace_view_editor{font-size: 13px; font-family: Roboto, "Montserrat", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #33363e; position: absolute; top: 46px; right: auto; bottom: 0; left: 0; position: fixed; z-index: 1050;}.o_ace_view_editor .text-muted{color: #999999 !important;}.o_ace_view_editor .btn:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary{color: #FFFFFF; background-color: #00A09D; border-color: #00A09D; color: white;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:hover{color: #FFFFFF; background-color: #007a77; border-color: #006d6b;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(38, 174, 172, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:disabled, .o_ace_view_editor .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-primary{color: #FFFFFF; background-color: #00A09D; border-color: #00A09D;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle{color: #FFFFFF; background-color: #006d6b; border-color: #00605e;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(38, 174, 172, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary{color: #212529; background-color: white; border-color: white; color: #00A09D;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #ececec; border-color: #e6e5e5;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:disabled, .o_ace_view_editor .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-secondary{color: #212529; background-color: white; border-color: white;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e6e5e5; border-color: #dfdfdf;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: white; border-color: white; color: #00A09D;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #ececec; border-color: #e6e5e5;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled, .o_ace_view_editor .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-link{color: #212529; background-color: white; border-color: white;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e6e5e5; border-color: #dfdfdf;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67; color: white;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(93, 185, 126, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled, .o_ace_view_editor .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(93, 185, 126, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8; color: white;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(128, 168, 181, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled, .o_ace_view_editor .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(128, 168, 181, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e; color: #33363e;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(209, 153, 72, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled, .o_ace_view_editor .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(209, 153, 72, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c; color: #33363e;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(234, 113, 130, 0.5);}.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled, .o_ace_view_editor .btn.o_wysiwyg_loader:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;}.o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.o_wysiwyg_loader):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(234, 113, 130, 0.5);}.o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;}.o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;}.o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;}.o_ace_view_editor .input-group .form-control{height: auto;}.o_ace_view_editor .input-group-text{background-color: #e9ecef;}.o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;}.o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 0% 65%; background-repeat: no-repeat;}.tour .popover-navigation{margin-right: 13px; margin-bottom: 8px;}.css_published .btn-danger, .css_published .css_publish{display: none;}.css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;}[data-publish='off'] > *:not(.css_options){opacity: 0.5;}@media print{a[href]:after{content: initial;}}.o_page_management_info .o_switch{padding-top: 9px;}#list_website_pages th{background-color: #875A7B; color: white;}#list_website_pages td, #list_website_pages th{padding: 0.45rem;}#list_website_pages td > a.fa{margin-right: 5px; color: #875A7B;}#list_website_pages td .text-muted{opacity: 0.5;}#list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;}.ui-autocomplete.o_website_ui_autocomplete{max-width: 400px; font-size: 12px; border: none; background-color: #141217; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);}.ui-autocomplete.o_website_ui_autocomplete > li{border-bottom: 1px solid #262626; border-radius: 2px; background-color: #595964; color: #D9D9D9;}.ui-autocomplete.o_website_ui_autocomplete > li.ui-menu-item > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px;}.ui-autocomplete.o_website_ui_autocomplete > li.ui-menu-item > div.ui-state-active{border: 1px solid transparent; background-color: #2b2b33;}.ui-autocomplete.o_website_ui_autocomplete > li.ui-autocomplete-category{background-color: #3e3e46;}@media (max-width: 767.98px){.o_redirect_old_url{z-index: 2011;}}.o_redirect_old_url .popover-body{overflow-y: auto; max-height: 14.2rem;}.post_link:not(.o_post_link_js_loaded){pointer-events: none;} /* /website/static/src/snippets/s_alert/000.scss defined in bundle 'web.assets_frontend' */ .s_alert{margin: 15px 0; border: 1px solid; border-radius: 0.25rem;}.s_alert p:last-child, .s_alert ul:last-child, .s_alert ol:last-child{margin-bottom: 0;}.s_alert_sm{padding: 10px; font-size: 0.75rem;}.s_alert_md{padding: 15px; font-size: 1rem;}.s_alert_lg{padding: 30px; font-size: 1.25rem;}.s_alert_icon{float: right; margin-left: 10px;}.s_alert_content{overflow: hidden;} /* /website/static/src/snippets/s_card/000.scss defined in bundle 'web.assets_frontend' */ .s_card{margin: 15px 0;}.s_card .card-body p:last-child, .s_card .card-body ul:last-child, .s_card .card-body ol:last-child{margin-bottom: 0;} /* /website/static/src/snippets/s_share/000.scss defined in bundle 'web.assets_frontend' */ .s_share > *{display: inline-block; vertical-align: middle;}.s_share .s_share_title{margin: 0 0 0 .4rem;}.s_share a{margin: .2rem;}.s_share a i.fa{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} /* /website/static/src/snippets/s_rating/001.scss defined in bundle 'web.assets_frontend' */ .s_rating[data-vcss="001"].s_rating_inline{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.s_rating[data-vcss="001"].s_rating_inline .s_rating_title{margin: 0; margin-left: 0.5em;}.s_rating[data-vcss="001"].s_rating_inline .s_rating_icons{margin-right: auto;} /* /website/static/src/snippets/s_hr/000.scss defined in bundle 'web.assets_frontend' */ .s_hr{line-height: 0;}.s_hr hr{padding: 0; border: 0; border-top: 1px solid currentColor; margin: 0; color: inherit;} /* /website/static/src/snippets/s_image_gallery/001.scss defined in bundle 'web.assets_frontend' */ .s_image_gallery[data-vcss="001"].o_grid .img, .s_image_gallery[data-vcss="001"].o_masonry .img{width: 100%;}.s_image_gallery[data-vcss="001"].o_grid.o_spc-none div.row{margin-bottom: 0px;}.s_image_gallery[data-vcss="001"].o_grid.o_spc-small div.row > div{margin-bottom: 1rem;}.s_image_gallery[data-vcss="001"].o_grid.o_spc-medium div.row > div{margin-bottom: 2rem;}.s_image_gallery[data-vcss="001"].o_grid.o_spc-big div.row > div{margin-bottom: 3rem;}.s_image_gallery[data-vcss="001"].o_masonry.o_spc-none div.o_masonry_col{padding: 0;}.s_image_gallery[data-vcss="001"].o_masonry.o_spc-none div.o_masonry_col > img, .s_image_gallery[data-vcss="001"].o_masonry.o_spc-none div.o_masonry_col > a > img{margin: 0 !important;}.s_image_gallery[data-vcss="001"].o_masonry.o_spc-small div.o_masonry_col{padding: 0 0.5rem;}.s_image_gallery[data-vcss="001"].o_masonry.o_spc-small div.o_masonry_col > img, .s_image_gallery[data-vcss="001"].o_masonry.o_spc-small div.o_masonry_col > a > img{margin-bottom: 1rem !important;}.s_image_gallery[data-vcss="001"].o_masonry.o_spc-medium div.o_masonry_col{padding: 0 1rem;}.s_image_gallery[data-vcss="001"].o_masonry.o_spc-medium div.o_masonry_col > img, .s_image_gallery[data-vcss="001"].o_masonry.o_spc-medium div.o_masonry_col > a > img{margin-bottom: 2rem !important;}.s_image_gallery[data-vcss="001"].o_masonry.o_spc-big div.o_masonry_col{padding: 0 1.5rem;}.s_image_gallery[data-vcss="001"].o_masonry.o_spc-big div.o_masonry_col > img, .s_image_gallery[data-vcss="001"].o_masonry.o_spc-big div.o_masonry_col > a > img{margin-bottom: 3rem !important;}.s_image_gallery[data-vcss="001"].o_nomode.o_spc-none .row div{padding-top: 0; padding-bottom: 0;}.s_image_gallery[data-vcss="001"].o_nomode.o_spc-small .row div{padding-top: 0.5rem; padding-bottom: 0.5rem;}.s_image_gallery[data-vcss="001"].o_nomode.o_spc-medium .row div{padding-top: 1rem; padding-bottom: 1rem;}.s_image_gallery[data-vcss="001"].o_nomode.o_spc-big .row div{padding-top: 1.5rem; padding-bottom: 1.5rem;}.s_image_gallery[data-vcss="001"]:not(.o_slideshow) img{cursor: pointer;}.s_image_gallery[data-vcss="001"].o_slideshow .carousel .carousel-item.active, .s_image_gallery[data-vcss="001"].o_slideshow .carousel .carousel-item-next, .s_image_gallery[data-vcss="001"].o_slideshow .carousel .carousel-item-prev, .s_image_gallery[data-vcss="001"].o_slideshow .carousel .carousel-control-next, .s_image_gallery[data-vcss="001"].o_slideshow .carousel .carousel-control-prev{padding-bottom: 64px;}.s_image_gallery[data-vcss="001"].o_slideshow .carousel ul.carousel-indicators li{border: 1px solid #aaa;}.s_image_gallery[data-vcss="001"].o_slideshow ul.carousel-indicators{position: absolute; right: 0%; bottom: 0; width: 100%; height: auto; margin-right: 0; padding: 0; border-width: 0;}.s_image_gallery[data-vcss="001"].o_slideshow ul.carousel-indicators > *{list-style-image: none; display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 2.5px 2.5px 2.5px 2.5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; background-position: center; border-radius: 0; vertical-align: bottom; flex: 0 0 40px;}.s_image_gallery[data-vcss="001"].o_slideshow ul.carousel-indicators > *:not(.active){opacity: 0.8; filter: grayscale(1);}.s_image_gallery[data-vcss="001"].o_slideshow > .container, .s_image_gallery[data-vcss="001"].o_slideshow > .o_container_small, .s_image_gallery[data-vcss="001"].o_slideshow > .container-fluid, .s_image_gallery[data-vcss="001"].o_slideshow > .o_container_small{height: 100%;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_cover .carousel-item > a{width: 100%; height: 100%;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_cover .carousel-item > a > img, .s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_cover .carousel-item > img{width: 100%; height: 100%; object-fit: cover;}.s_image_gallery[data-vcss="001"].o_slideshow:not(.s_image_gallery_show_indicators) .carousel ul.carousel-indicators{display: none;}.s_image_gallery[data-vcss="001"].o_slideshow:not(.s_image_gallery_show_indicators) .carousel .carousel-item.active, .s_image_gallery[data-vcss="001"].o_slideshow:not(.s_image_gallery_show_indicators) .carousel .carousel-item-next, .s_image_gallery[data-vcss="001"].o_slideshow:not(.s_image_gallery_show_indicators) .carousel .carousel-item-prev, .s_image_gallery[data-vcss="001"].o_slideshow:not(.s_image_gallery_show_indicators) .carousel .carousel-control-next, .s_image_gallery[data-vcss="001"].o_slideshow:not(.s_image_gallery_show_indicators) .carousel .carousel-control-prev{padding-bottom: 0px;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_boxed .carousel .carousel-control-prev .fa, .s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_boxed .carousel .carousel-control-next .fa, .s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_rounded .carousel .carousel-control-prev .fa, .s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_rounded .carousel .carousel-control-next .fa{text-shadow: none;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_boxed .carousel .carousel-control-prev .fa:before{content: "\f104"; padding-left: 2px;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_boxed .carousel .carousel-control-next .fa:before{content: "\f105"; padding-right: 2px;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_boxed .carousel .carousel-control-prev .fa:before, .s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_boxed .carousel .carousel-control-next .fa:before{display: block; width: 3rem; height: 3rem; line-height: 3rem; color: black; background: white; font-size: 1.25rem; border: 1px solid #ADB5BD;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_rounded .carousel .carousel-control-prev .fa:before{content: "\f060";}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_rounded .carousel .carousel-control-next .fa:before{content: "\f061";}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_rounded .carousel .carousel-control-prev .fa:before, .s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_arrows_rounded .carousel .carousel-control-next .fa:before{color: black; background: white; font-size: 1.25rem; border-radius: 50%; padding: 1.25rem; border: 1px solid #ADB5BD;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_rounded .carousel ul.carousel-indicators li{border-radius: 50%;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_dots .carousel ul.carousel-indicators{height: 40px; margin: auto;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_dots .carousel ul.carousel-indicators li{max-width: 8px; max-height: 8px; margin: 0 6px; border-radius: 10px; background-color: #000000; background-image: none !important;}.s_image_gallery[data-vcss="001"].o_slideshow.s_image_gallery_indicators_dots .carousel ul.carousel-indicators li:not(.active){opacity: .4;}.s_image_gallery[data-vcss="001"] .carousel-inner .item img{max-width: none;}.s_gallery_lightbox .close{font-size: 2rem;}.s_gallery_lightbox .modal-dialog{height: 100%; background-color: rgba(0, 0, 0, 0.7);}@media (min-width: 576px){.s_gallery_lightbox .modal-dialog{max-width: 100%; padding: 0;}}.s_gallery_lightbox ul.carousel-indicators{display: none;}.s_image_gallery.o_slideshow:not(.s_image_gallery_cover)[data-vcss="001"] .carousel-item > a, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > a{display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; width: 100%;}.s_image_gallery.o_slideshow:not(.s_image_gallery_cover)[data-vcss="001"] .carousel-item > a > img, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > a > img, .s_image_gallery.o_slideshow:not(.s_image_gallery_cover)[data-vcss="001"] .carousel-item > img, .s_gallery_lightbox .modal-body.o_slideshow:not(.s_image_gallery_cover) .carousel-item > img{max-height: 100%; max-width: 100%; margin: auto;}.s_image_gallery.o_slideshow[data-vcss="001"] .carousel, .s_gallery_lightbox .modal-body.o_slideshow .carousel{height: 100%;}.s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-inner, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-inner{height: 100%;}.s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item.active, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item.active, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-item-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-prev, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; height: 100%;}.s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-next .fa, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next .fa, .s_image_gallery.o_slideshow[data-vcss="001"] .carousel .carousel-control-prev .fa, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev .fa{text-shadow: 0px 0px 3px #343A40;} /* /website/static/src/snippets/s_product_catalog/001.scss defined in bundle 'web.assets_frontend' */ .s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_title{line-height: 1.2;}.s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_description{margin-bottom: 1rem;}.s_product_catalog[data-vcss='001'] .s_product_catalog_dish:last-child .s_product_catalog_dish_description{margin-bottom: 0;}.s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_dot_leaders{display: -webkit-box; display: -webkit-flex; display: flex; flex-grow: 1; align-items: center;}.s_product_catalog[data-vcss='001'] .s_product_catalog_dish .s_product_catalog_dish_dot_leaders::after{content: ''; margin-right: 0.5rem; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto; border-bottom: 1px dotted;} /* /website/static/src/snippets/s_comparisons/000.scss defined in bundle 'web.assets_frontend' */ .s_comparisons .card-body .card-title{margin: 0;}.s_comparisons .card-body .s_comparisons_currency, .s_comparisons .card-body .s_comparisons_price, .s_comparisons .card-body .s_comparisons_decimal{display: inline-block; vertical-align: middle;}.s_comparisons .card-body .s_comparisons_currency, .s_comparisons .card-body .s_comparisons_decimal{font-size: 80%;}.s_comparisons .card-body .s_comparisons_price{font-size: 200%;} /* /website/static/src/snippets/s_company_team/000.scss defined in bundle 'web.assets_frontend' */ @media (max-width: 991.98px){.s_company_team img{max-width: 50%;}} /* /website/static/src/snippets/s_references/000.scss defined in bundle 'web.assets_frontend' */ .s_references .img-thumbnail{border: none;} /* /website/static/src/snippets/s_popup/001.scss defined in bundle 'web.assets_frontend' */ .s_popup[data-vcss='001'] .modal-content{min-height: 2.5rem; max-height: none; border: 0; border-radius: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);}.s_popup[data-vcss='001'] .modal-dialog{height: auto; min-height: 100%;}@media (max-width: 575.98px){.s_popup[data-vcss='001'] .modal-dialog{min-height: calc(100% - 2 * 0.5rem);}}.s_popup[data-vcss='001'] .s_popup_close{z-index: 1050; position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; background-color: #FFFFFF !important; color: #137DC5; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); cursor: pointer; font-size: 1.25rem; text-align: center;}.s_popup[data-vcss='001'] .s_popup_size_full{padding: 0 !important; max-width: 100%;}.s_popup[data-vcss='001'] .s_popup_size_full > .modal-content{background-color: transparent; box-shadow: none; border-radius: 0;}.s_popup[data-vcss='001'] .s_popup_middle .modal-dialog{align-items: center;}.s_popup[data-vcss='001'] .s_popup_top .modal-dialog, .s_popup[data-vcss='001'] .s_popup_bottom .modal-dialog{margin-left: 0;}.s_popup[data-vcss='001'] .s_popup_top .modal-dialog:not(.s_popup_size_full), .s_popup[data-vcss='001'] .s_popup_bottom .modal-dialog:not(.s_popup_size_full){padding: 1rem !important;}.s_popup[data-vcss='001'] .s_popup_top .modal-dialog{align-items: flex-start;}.s_popup[data-vcss='001'] .s_popup_bottom .modal-dialog{align-items: flex-end;}.s_popup[data-vcss='001'] .s_popup_no_backdrop:not(.s_popup_overflow_page){pointer-events: none;}.s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-content{pointer-events: auto;} /* /website/static/src/snippets/s_faq_collapse/000.scss defined in bundle 'web.assets_frontend' */ .s_faq_collapse .accordion .card .card-header{cursor: pointer; display: inline-block; width: 100%; padding: .5em 0; border-radius: 0; outline: none;}.s_faq_collapse .accordion .card .card-header:before{content: '\f056'; font-family: 'FontAwesome'; display: inline-block; margin: 0 .75em 0 .5em; color: #6C757D;}.s_faq_collapse .accordion .card .card-header.collapsed:before{content: '\f055'; font-family: 'FontAwesome';}.s_faq_collapse .accordion .card .card-header:hover, .s_faq_collapse .accordion .card .card-header:focus{text-decoration: none;}.s_faq_collapse .accordion .card .card-body{padding: 1em 2.25em;}.s_faq_collapse .card-body p:last-child, .s_faq_collapse .card-body ul:last-child{margin-bottom: 0;} /* /website/static/src/snippets/s_features_grid/000.scss defined in bundle 'web.assets_frontend' */ .s_features_grid_content{overflow: hidden;}.s_features_grid_content p{margin-bottom: 0;}.s_features_grid_icon{float: right; margin-left: 15px;} /* /website/static/src/snippets/s_tabs/001.scss defined in bundle 'web.assets_frontend' */ .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade{transition: all 0.2s;}.s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade.show, .s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade.show{transform: translateX(0rem) translateY(0rem);}.s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade{transform: translateY(-1rem);}.s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade{transform: translateY(1rem);}.s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade{transform: translateX(1rem);}.s_tabs[data-vcss="001"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade{transform: translateX(-1rem);} /* /website/static/src/snippets/s_table_of_content/000.scss defined in bundle 'web.assets_frontend' */ .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_horizontal_navbar, .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar{position: -webkit-sticky; position: sticky; top: 0px; right: auto; bottom: auto; left: auto;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar{overflow: auto;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky), .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky) .s_table_of_content_navbar{top: 0px !important;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar{overflow-wrap: break-word;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action{background: none; color: inherit; opacity: 0.7; font-weight: 500; padding-right: 3px; transition: padding 0.1s;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:before{position: absolute; top: 10px; right: 0; bottom: 10px; left: auto; width: 2px; content: "";}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:hover{opacity: 1;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:focus{background: none;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active{background: none; padding-right: 8px; opacity: 1;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active:before{background-color: #137DC5;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar{z-index: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 2rem;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar{display: inline;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item-action{width: auto;}.s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item{display: inline-block; margin-bottom: 2px;} /* /website/static/src/snippets/s_quotes_carousel/001.scss defined in bundle 'web.assets_frontend' */ .s_quotes_carousel_wrapper[data-vcss='001'] .s_blockquote{margin-bottom: 0;}@media (max-width: 767.98px){.s_quotes_carousel_wrapper[data-vcss='001'] .s_blockquote{width: 100% !important;}} /* /website/static/src/snippets/s_masonry_block/001.scss defined in bundle 'web.assets_frontend' */ .s_masonry_block[data-vcss='001'] .row > div{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center;} /* /website/static/src/snippets/s_media_list/001.scss defined in bundle 'web.assets_frontend' */ .s_media_list[data-vcss="001"] .s_media_list_item > .row{overflow: hidden;}.s_media_list[data-vcss="001"] .s_media_list_body{padding: 2rem;}.s_media_list[data-vcss="001"] .s_media_list_img{object-fit: cover;} /* /website/static/src/snippets/s_timeline/000.scss defined in bundle 'web.assets_frontend' */ .s_timeline .s_timeline_line{position: relative;}.s_timeline .s_timeline_line:before{content: ''; display: block !important; position: absolute; width: 1px; top: 0px; bottom: 0px; right: 50%; background-color: #343A40;}.s_timeline .s_timeline_row{align-items: center;}.s_timeline .s_timeline_row .s_timeline_content{align-items: center; -webkit-box-pack: end; justify-content: flex-end; width: 100%;}.s_timeline .s_timeline_row .s_timeline_content ~ .s_timeline_content{-webkit-box-pack: start; justify-content: flex-start;}.s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content{flex-direction: row-reverse;}@media (min-width: 768px){.s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content{flex-direction: row-reverse;}.s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content:not(:last-child){margin-right: 10%;}.s_timeline .s_timeline_row:not(.flex-row-reverse) .s_timeline_content:last-child{margin-right: 10%;}}.s_timeline .s_timeline_date{text-align: center;}@media (min-width: 768px){.s_timeline .s_timeline_date{position: absolute; right: 0%; left: 0%;}}@media (max-width: 767.98px){.s_timeline .s_timeline_date{position: relative; margin: 20px 0px;}}.s_timeline .s_timeline_date span:not(.fa){display: inline-block; padding: 5px;}.s_timeline .s_timeline_date .fa{margin: 0 15px;}.s_timeline .s_timeline_icon{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 15px; z-index: 1;} /* /website/static/src/snippets/s_process_steps/000.scss defined in bundle 'web.assets_frontend' */ .s_process_steps .s_process_step_icon{margin: 30px 0;}.s_process_steps .s_process_step_icon span{display: block; overflow: hidden;}.s_process_steps .s_process_step_icon .fa{display: block;}.s_process_steps .s_process_step_content{padding: 0 15px;}@media (min-width: 992px){.s_process_steps{overflow-x: hidden;}.s_process_steps .s_process_step .s_process_step_icon{position: relative; z-index: 1;}.s_process_steps .s_process_step .s_process_step_icon span:after{content: ''; z-index: -1; border-top: 1px solid #ADB5BD; position: absolute; top: 50%; right: auto; bottom: 0; left: 0;}.s_process_steps .s_process_step .s_process_step_icon span:after{width: 100%;}.s_process_steps .s_process_step:first-child .s_process_step_icon span:after, .s_process_steps .s_process_step:last-child .s_process_step_icon span:after{width: 50%;}.s_process_steps .s_process_step:first-child .s_process_step_icon .fa:after{left: 0;}.s_process_steps .s_process_step:first-child .s_process_step_icon .fa.float-right:after{width: 0;}.s_process_steps .s_process_step:last-child .s_process_step_icon span:after{right: 0;}.s_process_steps .s_process_step:last-child .s_process_step_icon .fa:after{right: 0;}.s_process_steps .s_process_step:last-child .s_process_step_icon .fa.float-left:after{width: 0;}} /* /website/static/src/snippets/s_text_highlight/000.scss defined in bundle 'web.assets_frontend' */ .s_text_highlight{padding: 1.5rem; border-radius: 0.25rem;}.s_text_highlight :last-child{margin-bottom: 0;} /* /website/static/src/snippets/s_blockquote/000.scss defined in bundle 'web.assets_frontend' */ .s_blockquote{border: 0; padding: 0;}.s_blockquote .s_blockquote_icon{font-size: 1rem;}.s_blockquote .s_blockquote_author{opacity: .75;}.s_blockquote.s_blockquote_classic .s_blockquote_icon{float: right; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}.s_blockquote.s_blockquote_classic .s_blockquote_icon.float-right{border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}.s_blockquote.s_blockquote_classic .s_blockquote_content{overflow: hidden; padding: 1.5rem;}.s_blockquote.s_blockquote_classic .s_blockquote_content .blockquote-footer::before{content: '';}.s_blockquote.s_blockquote_classic .s_blockquote_content .blockquote-footer .s_blockquote_avatar{max-height: 2.5rem;}.s_blockquote.s_blockquote_cover{text-align: center;}.s_blockquote.s_blockquote_cover .s_blockquote_icon{position: relative; z-index: 1; float: none; margin-bottom: -1.5rem;}.s_blockquote.s_blockquote_cover p:last-of-type{margin-bottom: 0.5rem;}.s_blockquote.s_blockquote_cover .s_blockquote_content, .s_blockquote.s_blockquote_cover .s_blockquote_filter{padding: 3rem 2rem 2rem;}.s_blockquote.s_blockquote_cover .s_blockquote_filter{margin: -3rem -2rem -2rem;}.s_blockquote.s_blockquote_cover .quote_char{margin: 2rem 0 1rem 0;}.s_blockquote.s_blockquote_cover .quote_char ~ .blockquote-footer{padding-bottom: 2rem;}.s_blockquote.s_blockquote_minimalist{border-right: 5px solid; border-color: #383E45;}.s_blockquote.s_blockquote_minimalist .s_blockquote_content{padding: 1rem; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}.s_blockquote.s_blockquote_minimalist .s_blockquote_content p:last-of-type{margin-bottom: 0;} /* /website/static/src/snippets/s_badge/000.scss defined in bundle 'web.assets_frontend' */ .s_badge{padding: 0.5rem; margin: 0.5rem 0 0.5rem 0.5rem; border-radius: 0.25rem; font-size: 0.75rem;}.s_badge .fa{margin: 0 0 0 0.3rem;} /* /website/static/src/snippets/s_color_blocks_2/000.scss defined in bundle 'web.assets_frontend' */ .s_color_blocks_2.o_half_screen_height > :first-child, .s_color_blocks_2.cover_mid > :first-child, .s_color_blocks_2.o_half_screen_height > :first-child > .row, .s_color_blocks_2.cover_mid > :first-child > .row, .s_color_blocks_2.o_full_screen_height > :first-child, .s_color_blocks_2.o_half_screen_height > :first-child, .s_color_blocks_2.cover_mid > :first-child, .s_color_blocks_2.cover_full > :first-child, .s_color_blocks_2.o_full_screen_height > :first-child > .row, .s_color_blocks_2.o_half_screen_height > :first-child > .row, .s_color_blocks_2.cover_mid > :first-child > .row, .s_color_blocks_2.cover_full > :first-child > .row{min-height: inherit;}.s_color_blocks_2 .row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}.s_color_blocks_2 .row::before, .s_color_blocks_2 .row::after{width: 0;}.s_color_blocks_2 [class*="col-lg-"]{padding: 8% 5%; padding-top: 8vw; padding-bottom: 8vw;}@media (max-width: 991.98px){.s_color_blocks_2 [class*="col-lg-"]{flex: 1 1 100%;}}.s_color_blocks_2 img{max-width: 100%; height: auto;} /* /website/static/src/snippets/s_product_list/000.scss defined in bundle 'web.assets_frontend' */ .s_product_list{padding-top: 20px;}.s_product_list > div > .row > div{margin-bottom: 20px; height: 200px; text-align: center;}.s_product_list > div > .row > div a{display: block;}.s_product_list > div > .row > div img{margin: auto; max-height: 130px;}.s_product_list > div > .row > div .s_product_list_item_link{position: absolute; top: auto; right: 10%; bottom: 0; left: 10%;}.s_product_list > div > .row > div .s_product_list_item_link > .btn{width: 100%; padding: 5px !important; font-size: 16px;}@media only screen and (max-width: 1280px){.s_product_list > div > .row > div .s_product_list_item_link > .btn{font-size: 12px;}}.s_product_list > div > .row > div .s_product_list_item_link > .btn .fa{font-size: 18px; padding-left: 5px;}@media only screen and (max-width: 1024px){.s_product_list > div > .row > div .s_product_list_item_link > .btn .fa{display: block; font-size: 25px;}} /* /website/static/src/snippets/s_google_map/000.scss defined in bundle 'web.assets_frontend' */ .s_google_map{position: relative; min-height: 100px;}.s_google_map .map_container{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.s_google_map .description{position: absolute; top: auto; right: 0; bottom: 0; left: 0; z-index: 99; padding: 0 1em; background: rgba(19, 125, 197, 0.8); color: #FFFFFF; transition: background-color 250ms ease;}.s_google_map .description font{float: right; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;}.s_google_map .description span{float: right; text-transform: none; font-weight: normal; margin-top: 20px; margin-right: 10px;}.s_google_map:hover .description{background: #137DC5; background: rgba(19, 125, 197, 0.55); color: #212529;} /* /website/static/src/snippets/s_dynamic_snippet/000.scss defined in bundle 'web.assets_frontend' */ .s_dynamic [data-url]{cursor: pointer;}.s_dynamic .card-img-top, .s_dynamic .s_latest_posts[data-vcss='001'] .s_latest_posts_card .card .s_latest_posts_post_cover .o_record_cover_container .o_record_cover_image, .s_latest_posts[data-vcss='001'] .s_latest_posts_card .card .s_latest_posts_post_cover .o_record_cover_container .s_dynamic .o_record_cover_image{height: 12rem;}.s_dynamic img{object-fit: scale-down;} /* /website/static/src/snippets/s_dynamic_snippet_carousel/000.scss defined in bundle 'web.assets_frontend' */ .s_dynamic .carousel-control-prev, .s_dynamic .carousel-control-next{position: absolute; width: 4rem;}.s_dynamic .carousel-control-prev > span.fa, .s_dynamic .carousel-control-next > span.fa{color: #495057; background: radial-gradient(#FFFFFF 50%, transparent 50%);} /* /website/static/src/snippets/s_btn/000.scss defined in bundle 'web.assets_frontend' */ .s_btn .btn + .btn{margin-right: .75rem;} /* /odex25_website/static/src/scss/odex25_website.scss defined in bundle 'web.assets_frontend' */ .o_menu_toggle{float: right; padding: 4px 16px 0 0; font-size: 1.3em; color: white;}.o_menu_toggle:hover, .o_menu_toggle:focus, .o_menu_toggle:active{color: white; outline: none;} /* /website_form/static/src/snippets/s_website_form/001.scss defined in bundle 'web.assets_frontend' */ .editor_enable .s_website_form[data-vcss="001"] .s_website_form_field_hidden{display: block; opacity: 0.5;}.editor_enable .s_website_form[data-vcss="001"] .s_website_form_field select{pointer-events: none;}.editor_enable .s_website_form[data-vcss="001"] #editable_select.form-control{height: auto;}@media (max-width: 575.98px){.s_website_form[data-vcss="001"] .s_website_form_label{width: auto !important;}}.s_website_form[data-vcss="001"] .s_website_form_field_hidden{display: none;}.s_website_form[data-vcss="001"] span.s_website_form_mark{font-size: 0.85em; font-weight: 400;}.s_website_form[data-vcss="001"] .s_website_form_dnone{display: none;}.s_website_form[data-vcss="001"] .s_website_form_rows > .form-group{margin-bottom: 0; padding-top: 0.5rem; padding-bottom: 0.5rem;}.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;}.s_website_form[data-vcss="001"] .s_website_form_no_submit_label .s_website_form_label{display: none;} /* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */ .no-link-style{color: black; text-decoration: none;}.required-form-control{background-color: #CECDFF;}#filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-left: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;}#filters li.active a{color: #999;}#filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-left: 0px;}.nav-tabs-inline{font-size: 14px;}#o_website_links_recent_links{min-height:30em;}.o_website_links_code_error{display:none; color:red; font-weight:bold;}.truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} /* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */ .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;}.js_follow_icons_container .js_follow_btn, .js_follow_icons_container .js_unfollow_btn{animation: js_follow_fade 1s ease forwards; opacity: 0;}.js_follow_icons_container .js_follow_btn small, .js_follow_icons_container .js_unfollow_btn small{opacity: 0; transition: opacity 0.3s ease;}.js_follow_icons_container .js_follow_btn:hover small, .js_follow_icons_container .js_follow_btn:focus small, .js_follow_icons_container .js_unfollow_btn:hover small, .js_follow_icons_container .js_unfollow_btn:focus small{transition-duration: 1s; opacity: 1;}.js_follow_icons_container .fa:before{content: "\f0f3"; color: rgba(33, 37, 41, 0.7);}.js_follow_icons_container .js_follow_btn:hover .fa:before{color: #212529;}.js_follow_icons_container .js_unfollow_btn .fa:before{color: #137DC5;}.js_follow_icons_container .js_unfollow_btn:hover .fa:before{content: "\f1f6"; color: #dc3545;}@keyframes js_follow_fade{to{opacity: 1;}} /* /website_mass_mailing/static/src/scss/website_mass_mailing_popup.scss defined in bundle 'web.assets_frontend' */ .o_newsletter_modal .modal-header{padding: 0; border: none;}.o_newsletter_modal .modal-title{display: none;}.o_newsletter_modal .close{z-index: 1050; position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin: 0; padding: 0; background-color: #FFFFFF !important; color: #137DC5; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); opacity: 1;} /* /website_blog/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */ @keyframes o-wblog-fade-In{0%{opacity: 0;}100%{opacity: 1;}}@keyframes o-wblog-loader{0%, 100%{animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);}0%{transform: rotateY(0deg);}50%{transform: rotateY(-1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);}100%{transform: rotateY(-3600deg);}}.website_blog .css_website_mail .o_has_error{border-color: red;}.website_blog .css_website_mail .css_nav_month{display: none;}.website_blog .css_website_mail .css_nav_month:first-of-type{display: block;}.website_blog .o_wblog_page_cards_bg{background-color: rgba(0, 0, 0, 0.005);}.website_blog .o_wblog_read_with_sidebar{max-width: 1000px;}.website_blog .o_wblog_read_text{font-size: 18px; line-height: 28px; font-weight: 300;}.website_blog .o_wblog_read_text p, .website_blog .o_wblog_read_text ul, .website_blog .o_wblog_read_text ol{margin-bottom: 1.55em;}.website_blog .o_wblog_read_text li{margin-bottom: 1em;}.website_blog .o_wblog_read_text .lead{font-size: 26px; line-height: 34px; margin-bottom: 40px;}.website_blog .o_wblog_author_avatar{width: 1.2em; height: 1.2em; max-width: none; object-fit: cover;}.website_blog .o_wblog_author_avatar_date{width: 2em; height: 2em; max-width: none; object-fit: cover;}.website_blog .o_wblog_social_links > a{width: 3em; height: 3em;}.website_blog .o_wblog_social_links > a > i{font-size: 1.3em;}.website_blog #o_wblog_post_content{min-height: 350px !important;}.website_blog #o_wblog_post_content a.oe_mail_expand:after{content: " →";}.website_blog #o_wblog_post_content a.oe_mail_expand{font-weight: bold;}.website_blog #o_wblog_post_comments .o_portal_chatter > hr{display: none;}.website_blog .o_wblog_post_page_cover.cover_auto{padding: 3rem 0; min-height: 1px;}.website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_full_screen_height, .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_half_screen_height, .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.cover_mid, .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.cover_full{min-height: 70vh !important;}.website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_half_screen_height, .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.cover_mid{min-height: 40vh !important;}.website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.cover_auto{min-height: 150px; padding: 0;}.website_blog .o_wblog_post_page_cover.o_record_has_cover .o_record_cover_image:after{content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 50%; left: 0; background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.369) 19%, rgba(0, 0, 0, 0.2705) 34%, rgba(0, 0, 0, 0.191) 47%, rgba(0, 0, 0, 0.139) 56.5%, rgba(0, 0, 0, 0.097) 65%, rgba(0, 0, 0, 0.063) 73%, rgba(0, 0, 0, 0.0375) 80.2%, rgba(0, 0, 0, 0.021) 86.1%, rgba(0, 0, 0, 0.0105) 91%, rgba(0, 0, 0, 0.004) 95.2%, rgba(0, 0, 0, 0.001) 98.2%, rgba(0, 0, 0, 0) 100%);}.website_blog .o_wblog_post_page_cover.o_record_has_cover .o_wblog_post_title{color: white;}.website_blog .o_wblog_post_page_cover.o_record_has_cover.o_wblog_post_page_cover_regular .o_record_cover_image:after{visibility: hidden;}.website_blog .o_wblog_post_title #o_wblog_post_name{font-weight: 300; line-height: 1.2; font-size: 3.5rem;}@media (max-width: 1200px){.website_blog .o_wblog_post_title #o_wblog_post_name{font-size: calc(1.475rem + 2.7vw) ;}}.website_blog .o_wblog_post_title #o_wblog_post_subtitle{font-weight: 300; font-size: 1.25rem;}.website_blog .o_wblog_regular_cover_container #o_wblog_post_name{line-height: 1; padding-bottom: 0.5rem;}.website_blog .o_wblog_post_page_cover_footer{min-height: 33vh; transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);}.website_blog #o_wblog_next_container{background-color: #FFFFFF; cursor: pointer;}.website_blog #o_wblog_next_container .o_wblog_next_loader{transform: translateZ(1px);}.website_blog #o_wblog_next_container .o_wblog_next_loader div{width: 50px; height: 50px; background: rgba(0, 0, 0, 0.15); animation: o-wblog-loader 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;}.website_blog #o_wblog_next_container .o_wblog_next_fake_btn{height: 50px;}.website_blog #o_wblog_post_main.o_wblog_post_main_transition{animation: o-wblog-fade-In 1s cubic-bezier(0.02, 0.01, 0.47, 1);}.website_blog #o_wblog_post_footer a.w-25{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}.website_blog #o_wblog_posts_loop .o_record_cover_container{box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); padding-top: 33%; height: auto !important; min-height: auto !important;}.website_blog #o_wblog_posts_loop .o_record_cover_container:hover .o_record_cover_image{opacity: 0.8;}.website_blog #o_wblog_posts_loop .o_wblog_normalize_font{font-size: 13px; line-height: 1.45;}.website_blog #o_wblog_posts_loop .o_wblog_post_list_author{background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.131) 19%, rgba(0, 0, 0, 0.2295) 34%, rgba(0, 0, 0, 0.309) 47%, rgba(0, 0, 0, 0.361) 56.5%, rgba(0, 0, 0, 0.403) 65%, rgba(0, 0, 0, 0.437) 73%, rgba(0, 0, 0, 0.4625) 80.2%, rgba(0, 0, 0, 0.479) 86.1%, rgba(0, 0, 0, 0.4895) 91%, rgba(0, 0, 0, 0.496) 95.2%, rgba(0, 0, 0, 0.499) 98.2%, rgba(0, 0, 0, 0.5) 100%);}.website_blog #o_wblog_posts_loop.o_wblog_list_view .o_record_cover_container{padding-top: 20%;}.website_blog #o_wblog_posts_loop.o_wblog_list_view .o_wblog_post_cover_nocard .o_record_cover_container{padding-top: 33%;}body.editor_enable .website_blog .o_record_cover_container.o_wblog_post_page_cover:not(.o_record_has_cover){padding: 30px 0;}body.editor_enable .website_blog #o_wblog_sidebar .oe_structure:empty{display: none;}#o_wblog_post_content_jump{width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.5);}#o_wblog_post_content_jump:hover{background-color: rgba(0, 0, 0, 0.7);} /* /website_blog/static/src/snippets/s_latest_posts/001.scss defined in bundle 'web.assets_frontend' */ .s_latest_posts[data-vcss='001'] .s_latest_posts_loader{position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateZ(1px);}.s_latest_posts[data-vcss='001'] .s_latest_posts_loader > div{animation: o-wblog-loader 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; max-width: 30px; max-height: 30px;}.s_latest_posts[data-vcss='001'] .s_latest_posts_post_title{font-weight: 500; line-height: 1;}.s_latest_posts[data-vcss='001'] .s_latest_posts_post_subtitle{font-size: 1em;}.s_latest_posts[data-vcss='001'] .s_latest_posts_post:nth-child(4){display: none !important;}@media (min-width: 768px) and (max-width: 991.98px){.s_latest_posts[data-vcss='001'] :not(.s_latest_posts_list) > .s_latest_posts_post:nth-child(4){display: block !important;}}.s_latest_posts[data-vcss='001'] .s_latest_posts_list .s_latest_posts_post_cover{width: 3.5em; height: 3.5em; max-width: 85px; max-height: 85px;}.s_latest_posts[data-vcss='001'] .s_latest_posts_list .s_latest_posts_post_title{font-size: 1.25em;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture .s_latest_posts_post{min-height: 150px;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture .s_latest_posts_post figcaption{position: relative; justify-content: center;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture .s_latest_posts_post .s_latest_posts_post_cover{min-height: 100%;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture .s_latest_posts_post .s_latest_posts_post_cover .o_record_cover_container{top: 0;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture .s_latest_posts_post .s_latest_posts_post_title{font-size: 1.75rem; margin-bottom: 0.5em;}@media (max-width: 1200px){.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture .s_latest_posts_post .s_latest_posts_post_title{font-size: calc(1.3rem + 0.6vw) ;}}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts .s_latest_posts_post_subtitle{margin: 0;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley figcaption{text-align: left;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley figcaption .s_latest_posts_post_title, .s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley figcaption .s_latest_posts_post_subtitle{padding: 10px 0;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley figcaption .s_latest_posts_post_subtitle{bottom: 30px; line-height: 1.5; transform: translate3d(0, 100%, 0); opacity: 0; transition: opacity 0.35s, transform 0.35s;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley figcaption .s_latest_posts_post_title{top: 30px; transition: transform 0.35s; transform: translate3d(0, 20px, 0);}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley figcaption .s_latest_posts_post_title:after{position: absolute; top: 100%; right: 0; bottom: auto; left: auto; width: 100%; height: 2px; background: #fff; content: ""; transform: translate3d(0, 40px, 0); opacity: 0; transition: opacity 0.35s, transform 0.35s;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley .s_latest_posts_post:hover figcaption .s_latest_posts_post_title{transform: translate3d(0, 0, 0);}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley .s_latest_posts_post:hover figcaption .s_latest_posts_post_title::after, .s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_marley .s_latest_posts_post:hover figcaption .s_latest_posts_post_subtitle{opacity: 1; transform: translate3d(0, 0, 0);}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post .o_record_cover_container{transition: opacity 0.35s;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post figcaption{padding: 3em; text-align: right;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post figcaption::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, #212529 0%, black 100%); z-index: -1;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post figcaption:after{position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 2px solid #fff; border-top-width: 4px; border-bottom-width: 4px; content: ""; transition: transform-origin 0.35s; transform: scaleY(0.5); transform-origin: top;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post .s_latest_posts_post_subtitle{position: absolute; top: auto; right: 20px; bottom: 20px; left: 20px; opacity: 0; transition: opacity 0.35s linear, transform 0.35s; transform: translate3d(0, -100px, 0);}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post .s_latest_posts_post_title{position: absolute; top: 20px; right: 20px; bottom: auto; left: 20px;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post:hover .o_record_cover_container{opacity: 0.4 !important;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post:hover figcaption::after{transform-origin: bottom;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_dexter .s_latest_posts_post:hover .s_latest_posts_post_subtitle{opacity: 1; transform: translate3d(0, 0, 0);}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_chico .o_record_cover_image{transition: opacity 0.35s, transform 0.35s; transform: scale(1.12);}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_chico .s_latest_posts_post figcaption::before{position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; border: 1px solid #fff; content: ""; transform: scale(1.1); opacity: 0; transition: opacity 0.35s, transform 0.35s;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_chico .s_latest_posts_post_subtitle{opacity: 0; transition: opacity 0.35s, transform 0.35s; margin-right: auto; margin-left: auto; max-width: 200px; transform: scale(1.5);}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_chico .s_latest_posts_post_title{padding: 0;}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_chico .s_latest_posts_post:hover .o_record_cover_image{transform: scale(1);}.s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_chico .s_latest_posts_post:hover figcaption::before, .s_latest_posts[data-vcss='001'] .s_latest_posts_big_picture.js_get_posts.s_latest_posts_effect_chico .s_latest_posts_post:hover .s_latest_posts_post_subtitle{opacity: 1; transform: scale(1);}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal .o_record_cover_container{width: auto; height: auto; padding: 0;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts{position: relative; overflow: visible; text-align: right;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post{position: relative;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post figcaption:after{position: relative; width: 100%; height: 150px; content: ""; display: block;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post h4{position: relative; text-align: right; padding-left: 5%;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post h4:before{content: ""; z-index: 0; display: inline; float: right; width: 20%; position: absolute; top: 49%; right: 0; border-bottom: 1px solid #212529;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post h4 a{z-index: 1; display: block; line-height: 1; padding-right: 25%; position: relative;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post h5{padding-right: 24%;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post > a{position: absolute; bottom: 0; right: 0; display: block; background: #137DC5; width: 100%; height: 150px; overflow: hidden;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post > a > div{height: 100%; width: 100%; background-size: cover; background-position: center; opacity: 1; transform-origin: 50%; transition: all 400ms; backface-visibility: hidden;}.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post > a > div:hover{opacity: 0.8; transform: scale(1.1);}@media only screen and (max-width: 480px){.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post{width: 100%;}}@media (max-width: 767.98px){.s_latest_posts[data-vcss='001'] .s_latest_posts_horizontal.js_get_posts{display: block;}}.s_latest_posts[data-vcss='001'] .s_latest_posts_card .card{height: 100%; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);}.s_latest_posts[data-vcss='001'] .s_latest_posts_card .card .s_latest_posts_post_cover{height: 170px;}.s_latest_posts[data-vcss='001'] .s_latest_posts_card .card .s_latest_posts_post_cover .o_record_cover_container{background-color: transparent !important;}.s_latest_posts[data-vcss='001'] .s_latest_posts_card .card a:hover{text-decoration: none;}.s_latest_posts[data-vcss='001'] .s_latest_posts_card .card h4{font-size: 19px; font-weight: 600;}.s_latest_posts[data-vcss='001'] .s_latest_posts_card .card .card-footer{background-color: transparent; border-top: 2px solid rgba(0, 0, 0, 0.06);}.s_latest_posts[data-vcss='001'] .s_latest_posts_card .card .card-footer .text-muted{color: rgba(52, 58, 64, 0.4) !important;} /* /website_adv_support_ticket_aagam/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */ body{margin: 0; padding: 0;}.rate{float: right; height: 46px; padding: 0 10px;}.rate:not(:checked) > input{position: absolute; top: -9999px;}.rate:not(:checked) > label{float: left; width: 1em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 30px; color: #ccc;}.rate:not(:checked) > label:before{content: '★ ';}.rate > input:checked ~ label{color: #ffc700;}.rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label{color: #deb217;}.rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label{color: #c59b08;}@media (max-width: 480px){.oe_empt form#helpdesk_ticket_form{padding-right: 15px; padding-left: 15px;}}.oe_empt #forms{margin: 0 auto;}main h2.text-center.text-muted span{padding-top: 32px; display: block;}#forms form label{font-size: 13px;}#forms form .rate label{font-size: 30px;}@media screen and (max-width: 991px){#forms form select.form-control option{font-size: 12px;}}#oe_structure_portal_my_home_1{display: none;}.priority-star-review label:hover, .priority-star-review label:focus{color: #ccc !important;}.priority-star-review label.checked{color: #ffc700 !important;} /* /website_hr_recruitment/static/src/scss/website_hr_recruitment.scss defined in bundle 'web.assets_frontend' */ .o_website_hr_recruitment_jobs_list #jobs_grid_left ul.flex-column > li.nav-item > a{padding: .5rem 1rem; border-radius: 0.125rem;}.o_website_hr_recruitment_jobs_list .card{padding: 15px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17);}.o_website_hr_recruitment_jobs_list .card:hover{transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);}.o_website_hr_recruitment_jobs_list .card .o_job_infos .fa{color: #137DC5; margin-left: 8px;} /* /odex25_website_calendar/static/src/scss/odex25_website_calendar.scss defined in bundle 'web.assets_frontend' */ .o_calendar_days{font-size: 16px; height: 40px;}.o_calendar_days .o_weekend{background-color: #E9ECEF;}.o_calendar_days .o_day{background-color: #137DC5; color: #FFF; cursor: pointer;}.o_calendar_days .o_day.dropdown{padding: 0px;}.o_calendar_days .o_day .o_slots_dropdown{padding: 8px;}.o_calendar_days .o_mute_day{opacity: 0.5;}.o_calendar_days .o_today{position: relative;}.o_calendar_days .o_today::after{content: ""; position: absolute; border-bottom: 20px solid #f0ad4e; border-right: 20px solid transparent; bottom: 0px; left: 0px;}.o_odex25_website_calendar ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);}.o_odex25_website_calendar ul.wizard li{border: 1px solid #d4d4d4; border-left-width: 0; position: relative; float: right; padding: 0 20px 0 10px; margin: 0; line-height: 38px; background: #fbfbfb;}.o_odex25_website_calendar ul.wizard li .chevron{position: absolute; top: 0; left: -10px; z-index: 1; display: block; border: 20px solid transparent; border-left: 0; border-right: 10px solid #d4d4d4;}.o_odex25_website_calendar ul.wizard li .chevron:before{position: absolute; top: -20px; left: 1px; display: block; border: 20px solid transparent; border-left: 0; border-right: 10px solid #fbfbfb; content: "";}.o_odex25_website_calendar ul.wizard li.text-success{background: #f3f4f5;}.o_odex25_website_calendar ul.wizard li.text-success .chevron:before{border-right: 10px solid #f5f5f5;}.o_odex25_website_calendar ul.wizard li.text-primary{background: #f1f6fc;}.o_odex25_website_calendar ul.wizard li.text-primary .chevron:before{border-right: 10px solid #f1f6fc;}.o_odex25_website_calendar ul.wizard li:first-child{padding-right: 15px; border-radius: 0 4px 4px 0;}.o_odex25_website_calendar ul.wizard li:last-child{border-radius: 4px 0 0 4px; border-left-width: 1px;}.o_odex25_website_calendar ul.wizard li:last-child .chevron{display: none;} /* /odex25_website_calendar/static/src/scss/calendar_appointemnt.css defined in bundle 'web.assets_frontend' */ .o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{width: 100%; height: auto;}@media screen and (max-width: 319px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 110px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 130px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 120px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 110px;}}@media screen and (min-width: 421px) and (max-width: 767px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 130px;}}@media screen and (min-width: 768px) and (max-width: 1024px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 130px;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 130px;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 120px;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 130px;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 130px;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 150px;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 200px;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 200px;}}@media screen and (min-width: 3840px){.o_odex25_website_calendar_appointment, .o_odex25_website_calendar_appointment_time, .o_odex25_website_calendar_form, .appointment_result{padding-top: 300px;}} /* /portal_rating/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */ .o_website_rating_static{color: #FACC2E;}.o_website_rating_card_container{}.o_website_rating_card_container .o_message_counter{color: #495057;}.o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;}.o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 50px; white-space: nowrap;}.o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;}.o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;}.o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-right: 5px; margin-left: 5px;}.o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;}.o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: left; padding-right: 5px; font-size: 0.75rem;}.o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;}.o_rating_star_card{margin-bottom: 5px;}.o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-left: 15px;}.o_rating_star_card .stars i{margin-left: -3px; text-align: center;}.o_rating_star_card .stars.enabled{cursor: pointer;}.o_rating_star_card .rate_text{display: inline-block;}.o_rating_popup_composer .o_rating_clickable{cursor: pointer;}.o_rating_popup_composer .o_portal_chatter_avatar{margin-left: 10px;}.o_rating_popup_composer_label{color: #212529;} /* /rating/static/src/scss/rating.scss defined in bundle 'web.assets_frontend' */ .o_rating_page_submit .o_rating_label.active{filter: drop-shadow(0 0 5px black); -webkit-filter: drop-shadow(0 0 5px black);} /* /project/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */ .o_portal_project_rating .thumbnail{height: 240px;}.o_portal_project_rating .o_top_partner_rating_image{height: 15px;}.o_portal_project_rating .o_top_partner_image{height: 30px; width: 30px;}.o_portal_project_rating .o_top_partner_feedback{word-wrap: break-word;}.o_portal_project_rating .o_vertical_separator{border-right: 1px solid #eeeeee;}.o_portal_project_rating .o_rating_progress{margin-bottom: 10px;}.o_portal_project_rating .o_rating_count{display: inline-block; min-width: 22px;}.o_portal_project_rating .o_smiley_no_padding_left{padding-right: 0;}.o_portal_project_rating .o_smiley_no_padding_right{padding-left: 0;}.o_portal_project_rating .o_lighter_smileys{opacity: 0.4;} /* /odex_backend_theme/static/src/scss/controller.scss defined in bundle 'web.assets_frontend' */ /* /odex_backend_theme/static/src/scss/login_style.scss defined in bundle 'web.assets_frontend' */ @media screen and (max-width: 319px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 90% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important; margin: 20px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 13px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 12px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 320px) and (max-width: 420px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 90% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important; margin: 20px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 14px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 13px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 13px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 13px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 13px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 13px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 421px) and (max-width: 767px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 80% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 14px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 14px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 768px) and (max-width: 1024px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 50% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 14px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 14px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 50% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 14px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 14px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 40px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 70% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important; margin: 20px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 14px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 14px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 40px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 70% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important; margin: 20px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 13px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 12px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 30px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 70% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important; margin: 20px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 13px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 12px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 12px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 40px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 50% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 25px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 16px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 16px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 40% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 14px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 14px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 1201px) and (max-width: 1599px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 30% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 14px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 14px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 14px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 25% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 16px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 16px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 50px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 25% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 16px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 16px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 8px !important; background-color: #137DC5 !important; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 150px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 25% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group{margin-bottom: 30px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 20px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 20px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 10px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 20px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 20px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 10px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 20px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 15px 8px !important; background-color: #137DC5 !important; color: white !important; margin-bottom: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 20px !important; font-family: 'Montserrat', sans-serif;}}@media screen and (min-width: 3840px){.o_main_navbar{background-color: #137DC5 !important;}#wrapwrap main .oe_website_login_container{width: 100% !important; height: 100% !important; padding: 0px !important; max-width: initial !important; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding-top: 120px !important; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover;}#wrapwrap main .oe_website_login_container .oe_login_form{width: 25% !important; height: auto; max-width: initial !important; background-color: white !important; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); border-radius: 6px; padding: 40px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group{margin-bottom: 40px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group label{font-size: 34px !important; font-weight: 500; font-family: 'Montserrat', sans-serif; color: white !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 34px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 14px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group .input-group span a{background-color: #137DC5 !important; font-size: 34px !important; color: white !important; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; gap: 5px;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input{border: none !important; outline: 1px solid #9b9b9b !important; font-size: 34px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 14px !important; color: #137DC5 !important;}#wrapwrap main .oe_website_login_container .oe_login_form .form-group input:hover, #wrapwrap main .oe_website_login_container .oe_login_form .form-group input:focus{outline: 1px solid #51769e !important; transition: outline 0.2s ease-in-out !important; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button{border: none !important; outline: none !important; font-size: 34px !important; font-family: 'Montserrat', sans-serif; height: auto !important; padding: 20px 12px !important; background-color: #137DC5 !important; color: white !important; margin-bottom: 20px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:hover, #wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons button:focus{background-color: #3E5D7F !important; color: white !important; transition: background-color .2s ease-in-out; box-shadow: none !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div{margin: 10px 0px !important;}#wrapwrap main .oe_website_login_container .oe_login_form .oe_login_buttons div a{color: white !important; font-size: 34px !important; font-family: 'Montserrat', sans-serif;}} /* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */ input#cc_number{background-repeat: no-repeat; background-position: center left calc(2.7em);}div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; left: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;}div.o_card_brand_detail{position: relative;}div.o_card_brand_detail div.card_placeholder{left: 5px;}div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;}div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;}div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;}div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;}div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;}div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;}ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} /* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */ .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-left: 5px;}.o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;}.o_payment_form label{font-weight: normal; margin-top: 5px;}.o_payment_form .card-body:first-child{border-top: 0px;}.o_payment_form .card{border-radius: 10px;}.o_payment_form .card-footer:last-child{border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important;}.o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;}.o_payment_form .card-body.o_payment_acquirer_select:hover{cursor: pointer;}.o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;}.o_payment_form .payment_icon_list li{padding-right: 5px !important; padding-left: 0px !important;}.o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; right: auto; bottom: auto; left: 10px; font-size: 10px;} /* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */ .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.orders_label_text_align{vertical-align: 15%;}.sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;}.sale_tbody input.js_quantity{min-width: 48px; text-align: center;}.sale_tbody div.input-group.w-50.pull-right{width: 100% !important;}.o_portal .sale_tbody .js_quantity_container .js_quantity{padding: 0;}.o_portal .sale_tbody .js_quantity_container .input-group-text{padding: 0.2rem 0.4rem;}@media (max-width: 767.98px){.o_portal .sale_tbody .js_quantity_container{width: 100%;}} /* /sale_timesheet/static/src/scss/sale_timesheet_portal.scss defined in bundle 'web.assets_frontend' */ .o_timesheet_accordion .card-header a{text-decoration: none;}.o_timesheet_accordion .card-header a:after{content: "\f0d7"; font-family: 'FontAwesome';}.o_timesheet_accordion .card-header a.collapsed:after{content: "\f0da"; font-family: 'FontAwesome';} /* /ks_dn_advance/static/src/css/ks_tv_dashboard.css defined in bundle 'web.assets_frontend' */ .ks-tv-item.ks_chart_container{height:100%; width:100%; margin: auto;}.owl-item{height: 90vh;}.owl-nav{text-align: center;}.owl-nav .owl-prev, .owl-nav .owl-next{color: white !important; position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px !important}.owl-nav .owl-prev{right: -60px;}.owl-nav .owl-next{left: -60px;}.ks-tv-item .ks_dashboarditem_chart_container{height: 100%;}.ks_float_tv{position: fixed !important; right: 0; bottom: 0; left: 0; top: 0; z-index: 1000 !important;}.ks_stop_tv_dashboard{position: fixed; left: 10px; z-index: 10; color: #ffffff; font-size: 28px !important; top: 1vh;}.ks_tv_item.d-flex{width:100%; margin:auto;}.ks_tv_item .grid-stack-item{min-width: 275px; min-height:}.ks-tv-item.ks_list_view{height:100%;}.tv-modal-overlay{width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.73);}.ks_float_tv .owl-carousel{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); height:90vh; width:80vw;}.ks-tv-item .ks_list_view_container{height: 100%;}.ks-tv-item .ks_dashboard_kpi{height: 132px !important;}@media (min-width: 768px){.ks-tv-item .ks_dashboard_item_hover{margin: 8px; min-width: 250px;}.ks-tv-kpi .ks_dashboard_item_hover{margin: 8px; min-width: 250px; min-height: 208px;}}@media (min-width: 1440px){.ks-tv-item .ks_dashboard_item_hover{min-width: 350px;}.ks-tv-kpi .ks_dashboard_item_hover{min-width: 350px; min-height: 208px;}.ks-tv-item .ks_dashboard_item_hover{margin: 14px; min-width: 400px;}.ks-tv-item .ks_dashboard_kpi_name_preview, .ks-tv-item .ks_dashboard_item_name_l5, .ks-tv-item .ks_dashboard_item_name_l3, .ks-tv-item .ks_dashboard_item_name_l2{font-size: 26px;}.ks-tv-item .ks_dashboard_icon_l5 span, .ks-tv-kpi .ks_dashboard_icon_l5 span{font-size: 36px;}.ks-tv-kpi .ks_dashboard_icon_l5 > img{width: 36px !important; height: 36px;}.ks-tv-item .ks_dashboard_item_hover #ksListViewTable td, .ks-tv-item .ks_dashboard_item_hover #ksListViewTable th, .ks-tv-item .ks_dashboard_item_hover .ks_list_view_heading{font-size: 20px !important;}.ks-tv-kpi .ks_dashboard_item_hover.ks_dashboard_kpi .text-center.mt-1, .ks-tv-kpi .ks_dashboard_item_hover.ks_dashboard_kpi .ks_progress .text-center, .ks-tv-kpi .ks_dashboard_item_hover .ks_target_previous{font-size: 16px;}}.ks_dn_table .ks_dn_thead .ks_dn_th{position: sticky; top: -5px;}.ks_dn_table .ks_dn_thead .ks_dn_th_extra{position: sticky; top: -5px;}.card-body.table-responsive{padding: 0 !important;}@media (min-width: 1820px){.ks-tv-item .ks_dashboard_item_hover{min-height: 164px;}}#ksListViewTable.ks_list_view_layout_4 thead th, #ksListViewTable.ks_list_view_layout_3 thead th{color: #ffffff; background: #324960; text-align: center;}#ksListViewTable.ks_list_view_layout_4 thead th:nth-child(even){background: #4FC3A1;}#ksListViewTable.ks_list_view_layout_2 thead th{color: #bfa829; background-color: #343a40}#ksListViewTable.ks_list_view_layout_1 thead th{background-color: #F7F9FA !important}.ks_table_layput_3{table-layout: auto !important;}.owl-carousel.owl-rtl{direction: rtl !important;}.owl-carousel.owl-rtl .fa-angle-left{display: none!;}.ks_minus{display: none! important;}.ks_plus{display: none! important;}.ks_border_aliceblue{border: aliceblue !important;}.list_header{white-space: nowrap !important;}.table thead button.ks_list_heder_hover{opacity: 0; transition: all ease-in-out 0.5s;}.table thead th:hover button.ks_list_heder_hover{opacity: 1;}.ks_hide_display{display:none !important;} /* /google_recaptcha/static/src/scss/recaptcha.scss defined in bundle 'web.assets_frontend' */ .grecaptcha-badge{visibility: hidden;} /* /auth_oauth/static/src/scss/auth_oauth.scss defined in bundle 'web.assets_frontend' */ .o_auth_oauth_providers .fa-facebook-square{color: #3b5998;}.o_auth_oauth_providers .fa-google-plus-square{color: #de564a;}.o_auth_oauth_providers .o_custom_icon{margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #875A7B; border-radius: 100%; transform: translateY(2px);} /* /odex_website/static/src/css/dashboard.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 20px; background-color: #E7F2F9; flex-wrap: wrap; gap: 20px;}.solutions-subscriptions-container .days-countdown-container{width: 100%; height: auto; order: 2;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 40px; height: 48px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 10px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 15px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px; order: 1; margin-bottom: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: column;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 18px; height: 18px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; order: 3;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 30px 20px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 0px 0px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 95%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px 10px; gap: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 15px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -20px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 14px; height: 14px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 220px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 12px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 18px; height: 18px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%) !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 15px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 5px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 90%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 14px; height: 14px; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 14px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 14px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 30px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 13px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 25px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 45px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 45px; position: absolute; top: 0; right: 0; border-radius: 25px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 30px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 35px; height: 35px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 15px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 45px; height: 45px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 75px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 12px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 12px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 12px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 12px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 90%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 12px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 12px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 12px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 12px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 12px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 12px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 60%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 12px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 12px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 60%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 12px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 12px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 12px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 14px; height: 14px; margin-inline-end: 8px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 90%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 25px; padding: 50px 15px 15px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 15px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 25px; padding: 50px 15px 15px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 12px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: column;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 20px; background-color: #E7F2F9; flex-wrap: wrap; gap: 20px;}.solutions-subscriptions-container .days-countdown-container{width: 100%; height: auto; order: 2;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 45px; height: 54px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 12px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 18px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px; order: 1; margin-bottom: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: column;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 20px; height: 20px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; order: 3;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 30px 20px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 0px 0px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 80%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 18px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -22px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 16px; height: 16px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 220px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 13px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 20px; height: 20px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%) !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 18px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 90%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 14px; height: 14px; margin-inline-end: 12px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 14px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 14px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 32px; font-size: 13px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 14px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 80vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 50px; height: 50px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 13px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 13px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 13px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 13px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 13px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 13px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 13px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 13px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 16px; height: 16px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 25px; padding: 50px 25px 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 25px; padding: 50px 25px 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 14px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: column;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 20px; background-color: #E7F2F9; flex-wrap: wrap; gap: 20px;}.solutions-subscriptions-container .days-countdown-container{width: 100%; height: auto; order: 2;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 45px; height: 54px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 12px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 18px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px; order: 1; margin-bottom: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: column;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 20px; height: 20px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; order: 3;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 30px 20px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 0px 0px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 90%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 18px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -22px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 16px; height: 16px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 220px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 13px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 20px; height: 20px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%) !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 18px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 90%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 14px; height: 14px; margin-inline-end: 12px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 14px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 14px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 32px; font-size: 13px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 13px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 85vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 80px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 45px; height: 45px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 13px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 13px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 13px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 13px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 13px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 13px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 13px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 13px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 16px; height: 16px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 25px; padding: 50px 25px 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 25px; padding: 50px 25px 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 14px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: column;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 20px; background-color: #E7F2F9; flex-wrap: wrap; gap: 20px;}.solutions-subscriptions-container .days-countdown-container{width: 100%; height: auto; order: 2;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 42px; height: 50px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 10px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 16px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px; order: 1; margin-bottom: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: column;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 20px; height: 20px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; order: 3;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 30px 20px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 0px 0px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 90%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; gap: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 16px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -20px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 16px; height: 16px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 220px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 13px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 20px; height: 20px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%) !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 16px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 5px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 14px; height: 14px; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 14px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 14px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 30px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 13px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 30px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 35px; height: 35px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 75px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 35px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 6px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 13px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 13px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 80%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 13px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 13px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 13px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 13px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 60%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 13px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 60%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 13px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: 20px; left: 15px; width: 35px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 15px; height: 15px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 80%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: 12px; left: 12px; width: 35px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 25px; padding: 50px 25px 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: 12px; left: 12px; width: 35px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 25px; padding: 50px 25px 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 12px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: column;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 421px) and (max-width: 767px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 30px 40px; background-color: #E7F2F9; flex-wrap: wrap; gap: 20px;}.solutions-subscriptions-container .days-countdown-container{width: 100%; height: auto; order: 2;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 45px; height: 55px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 12px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 18px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px; order: 1; margin-bottom: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: column;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 22px; height: 22px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; order: 3;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 35px 40px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 35px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 0px 0px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 80%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 18px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -22px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 16px; height: 16px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 220px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 13px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 20px; height: 20px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%) !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 18px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 15px; height: 15px; margin-inline-end: 12px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 15px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 15px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 15px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 40px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 30px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 55px; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 55px; position: absolute; top: 0; right: 0; border-radius: 30px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 50px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 70vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 50px; height: 50px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 12px 0px; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 14px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 14px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 14px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 14px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 14px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 11px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 11px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 11px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 14px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 25px; padding: 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 25px; padding: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 14px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 768px) and (max-width: 1024px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 30px 40px; background-color: #E7F2F9; flex-wrap: wrap;}.solutions-subscriptions-container .days-countdown-container{width: 50%; height: auto; order: 2;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 48px; height: 60px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 13px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 20px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px; order: 1; margin-bottom: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 22px; height: 22px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 38px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; order: 3;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 38px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 30px 40px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 0px 0px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 45%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; margin-bottom: 5px; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 18px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -24px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 16px; height: 16px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 220px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 13px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 20px; height: 20px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 18px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 80%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 16px; height: 16px; margin-inline-end: 12px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 16px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 16px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 15px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 40px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 650px; height: 60px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 70vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: auto; position: relative;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 13px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 14px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 14px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 14px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 14px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 14px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 14px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 14px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 11px; padding-inline-start: 5px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 14px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 14px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 14px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 14px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 14px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 20px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 16px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 16px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 30px; padding: 40px 25px 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 38px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 30px; padding: 40px 25px 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 15px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 38px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 40px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 650px; height: 60px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 100vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 13px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 14px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 14px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 14px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 14px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 14px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 14px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 14px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 11px; padding-inline-start: 5px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 14px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 60px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 170vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 80px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 82vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 14px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 14px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 14px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 14px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 14px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; gap: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 14px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 14px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 14px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 15px; height: 15px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; max-height: 75vh; position: relative; overflow-y: scroll;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{padding: 50px 25px 25px; border-radius: 25px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; max-height: 75vh; position: relative; overflow-y: scroll;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{padding: 50px 25px 25px; border-radius: 25px;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 50px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 180vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 80px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 45px; height: 45px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 35px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 13px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 13px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 13px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 13px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 13px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 13px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; gap: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 60%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 13px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 60%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 13px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 15px; height: 15px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; max-height: 70vh; position: relative; overflow-y: scroll;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{padding: 50px 25px 25px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; max-height: 70vh; position: relative; overflow-y: scroll;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{padding: 50px 25px 25px;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 80px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 30px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 200vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 80px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 35px; height: 35px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 35px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 13px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 13px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 13px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 13px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 13px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 13px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: center; flex-direction: column; gap: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 60%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 13px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 60%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 13px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 16px; height: 16px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; max-height: 70vh; position: relative; overflow-y: scroll;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{padding: 40px 25px 25px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; max-height: 70vh; position: relative; overflow-y: scroll;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{padding: 40px 25px 25px;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; background-color: #E7F2F9; flex-wrap: wrap;}.solutions-subscriptions-container .days-countdown-container{width: 50%; height: auto; order: 2;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 48px; height: 60px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 13px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 20px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px; order: 1; margin-bottom: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 22px; height: 22px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 38px; font-size: 17px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; order: 3;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 38px; font-size: 17px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 30px 50px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 0px 20px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 40%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 30px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 22px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -24px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 18px; height: 18px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 230px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 15px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 25px; height: 25px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 24px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 24px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 70%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 18px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 18px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 38px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 18px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 50px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 700px; height: 60px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 20px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 60vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 65px; height: 65px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 18px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 14px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 90px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: auto; position: relative;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 22px; height: 22px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 16px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 8px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 16px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 8px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 45px; height: 45px; font-size: 24px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 30px 30px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 30px 0px 0px 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 45px; background-color: #fbfbfb; font-size: 16px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 16px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 45px; font-size: 16px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 18px 0px; gap: 18px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 16px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 16px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 45px; font-size: 16px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 16px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 16px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 16px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 45px; font-size: 16px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 45px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 30px 30px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 16px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 45px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 16px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 45px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 30px 0px 0px 30px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 16px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 16px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 8px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding-inline-start: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 16px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 15px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 45px; border-radius: 30px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 18px 0px; gap: 24px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 17px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 17px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 30px; padding: 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 38px; font-size: 17px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 30px; padding: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 15px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 38px; font-size: 17px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 25px 80px; background-color: #E7F2F9;}.solutions-subscriptions-container .days-countdown-container{width: auto; height: auto;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 42px; height: 54px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 12px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 16px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 38%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: column;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 20px; height: 20px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 30px 80px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding: 0px 20px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 40%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 18px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -24px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 16px; height: 16px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 220px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 13px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 18px; height: 18px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 18px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 5px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 70%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 15px; height: 15px; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 15px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 15px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 14px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 80px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 650px; height: 60px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 13px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 13px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 13px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 13px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 13px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 13px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 13px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-inline-start: 8px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 13px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 20px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 16px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 16px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 30px; padding: 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 30px; padding: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 80px; min-height: 80px; font-size: 13px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 25px 110px; background-color: #E7F2F9;}.solutions-subscriptions-container .days-countdown-container{width: auto; height: auto;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 42px; height: 54px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 12px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 16px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 45%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: column;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 20px; height: 20px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 30px 110px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding: 0px 40px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 40%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 30px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 20px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -24px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 16px; height: 16px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 230px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 13px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 20px; height: 20px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 20px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 20px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 65%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 14px; height: 14px; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 16px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 16px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 15px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 20px 110px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 700px; height: 70px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 50px; height: 50px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 35px; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 8px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 13px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 13px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 13px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 13px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 13px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 13px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 13px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 13px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-inline-start: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 13px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 16px; height: 16px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 13px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 13px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 20px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 16px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 16px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 30px; padding: 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 30px; padding: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 20px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 13px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 40px 135px; background-color: #E7F2F9;}.solutions-subscriptions-container .days-countdown-container{width: auto; height: auto;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 48px; height: 60px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 13px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 20px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 40px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 20px; height: 20px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 40px 135px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding: 0px 100px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 40%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 30px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 20px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -24px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 16px; height: 16px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 250px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 13px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 22px; height: 22px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 20px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 20px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 70%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 14px; height: 14px; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 16px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 16px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 16px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 20px 135px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 700px; height: 70px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 38px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 8px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 14px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 14px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 14px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 14px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 14px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 14px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 14px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 14px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 14px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 14px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 14px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 14px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 17px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 17px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 30px; padding: 25px; gap: 20px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 20px; border-radius: 30px; padding: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 15px; border-radius: 25px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 14px; font-weight: 400; background-color: transparent; text-indent: 6px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 40px 180px; background-color: #E7F2F9;}.solutions-subscriptions-container .days-countdown-container{width: auto; height: auto;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 52px; height: 65px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 15px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 20px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 40px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 40px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 23px; height: 23px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 40px 180px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; padding: 0px 100px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 40%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 30px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 20px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -24px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 18px; height: 18px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 250px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 14px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 24px; height: 24px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 20px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 20px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 65%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 16px; height: 16px; margin-inline-end: 20px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 18px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 18px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 16px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 30px 180px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 750px; height: 70px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 20px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 120px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 60px; height: 60px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 55px; height: 55px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar{width: 6px; background-color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: 15px; left: 15px; width: 45px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 22px; height: 22px; margin-inline-end: 8px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 15px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 15px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 15px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 15px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 15px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 15px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 15px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 15px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 15px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 15px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 17px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 17px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 30px; padding: 40px; gap: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 30px; border-radius: 30px; padding: 40px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 20px; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 120px; min-height: 120px; font-size: 15px; font-weight: 400; background-color: transparent; text-indent: 10px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 40px 200px; background-color: #E7F2F9;}.solutions-subscriptions-container .days-countdown-container{width: auto; height: auto;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 56px; height: 70px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 16px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 22px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 50px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 40px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 24px; height: 24px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 40px 200px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; padding: 0px 150px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 35%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 30px; padding: 25px; gap: 30px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 20px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -25px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 18px; height: 18px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 300px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 25px; padding: 15px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 15px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 25px; height: 25px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 20px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 20px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 65%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 5px 15px; margin-bottom: 10px; border-radius: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 16px; height: 16px; margin-inline-end: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 18px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 18px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 18px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 30px 200px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 800px; height: 70px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 20px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 120px) / 2) !important; border-radius: 30px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 30px 30px 30px 30px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 30px 30px 30px 30px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 70px; height: 70px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 30px 30px 30px 30px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 30px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 18px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 13px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 65px; height: 65px; border-radius: 50%; cursor: pointer; position: fixed; left: 15px; bottom: 100px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: auto; position: relative;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 22px; height: 22px; margin-inline-end: 8px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 15px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 15px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 20px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select::-ms-expand{display: none;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 15px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 15px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 15px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 15px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 15px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 15px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 15px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 20px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select::-ms-expand{display: none;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 15px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 40px; border-radius: 20px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 15px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 18px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 18px; font-weight: normal; margin-inline-end: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 20px; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 30px; padding: 40px; gap: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 30px; border-radius: 30px; padding: 40px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 20px; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 130px; min-height: 130px; font-size: 15px; font-weight: 400; background-color: transparent; text-indent: 10px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 15px;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 40px 250px; background-color: #E7F2F9;}.solutions-subscriptions-container .days-countdown-container{width: auto; height: auto;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 70px; height: 85px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 18px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 26px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 50px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 50px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 50px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 25px; height: 25px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 60px 250px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 60px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; padding: 0px 200px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 35%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 1px solid #E3E4E4; border-radius: 35px; padding: 30px; gap: 35px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 26px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -30px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 20px; height: 20px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 300px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 35px; padding: 20px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 16px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 30px; height: 30px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 26px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 26px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 10px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 70%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 8px 20px; margin-bottom: 15px; border-radius: 35px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 22px; height: 22px; margin-inline-end: 20px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 22px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 22px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 22px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 40px 250px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 60px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 12px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 1100px; height: 100px; background-color: #dddddd; border-radius: 50px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 30px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 50px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 100px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 50px; border-radius: 50px; gap: 60px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 26px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 35px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 85vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 140px) / 2) !important; border-radius: 40px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 40px 40px 40px 40px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 40px 40px 40px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 80px; height: 80px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 40px 40px 40px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 30px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 22px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 18px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 18px; background-color: white; margin: 0px 15px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 90px; height: 90px; border-radius: 50%; cursor: pointer; position: fixed; left: 20px; bottom: 130px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: auto; position: relative;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 40px; gap: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 24px; height: 24px; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 18px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(1.4); margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 18px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(1.4); margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 55px; height: 55px; font-size: 30px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 30px 30px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 30px 0px 0px 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 110px); height: 55px; background-color: #fbfbfb; font-size: 18px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 18px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 55px; font-size: 18px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 18px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 18px; font-weight: normal; margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 25px; margin-inline-end: 15px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 55px; font-size: 18px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 18px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(1.2);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 18px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 18px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 55px; font-size: 18px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 55px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 30px 30px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 18px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 55px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 18px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 55px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 30px 0px 0px 30px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 18px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 18px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(1.4); margin-inline-end: 10px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 18px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 40px; gap: 25px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 24px; height: 24px; margin-inline-end: 15px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 20px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 55px; border-radius: 30px; background-color: #ECF5FB; border: none; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 20px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 20px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 20px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 5px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 24px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 24px; font-weight: normal; margin-inline-end: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 25px; margin-inline-end: 15px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 35px; padding: 40px; gap: 30px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 30px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 50px; font-size: 16px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 12px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 30px; border-radius: 35px; padding: 40px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 20px; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 18px; font-weight: 400; background-color: transparent; text-indent: 10px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 20px;}}@media screen and (min-width: 3840px){.solutions-subscriptions-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 60px 400px; background-color: #E7F2F9;}.solutions-subscriptions-container .days-countdown-container{width: auto; height: auto;}.solutions-subscriptions-container .days-countdown-container .initial-countdown, .solutions-subscriptions-container .days-countdown-container .remaining-countdown{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 40px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown p, .solutions-subscriptions-container .days-countdown-container .remaining-countdown p{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img{width: auto; height: auto; position: relative;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img img, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img img{width: 90px; height: 110px;}.solutions-subscriptions-container .days-countdown-container .initial-countdown .initial-countdown-img span, .solutions-subscriptions-container .days-countdown-container .remaining-countdown .initial-countdown-img span{position: absolute; bottom: 26px; right: 50%; transform: translateX(50%) !important; z-index: 1; font-size: 36px; font-weight: 600; color: white;}.solutions-subscriptions-container .message-rate-conteiner{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; gap: 50px;}.solutions-subscriptions-container .message-rate-conteiner #promo-message{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 80px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container p{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form{width: auto; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 80px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img{width: 35px; height: 35px; cursor: pointer; transition: transform 0.2s ease;}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img:hover{transform: scale(1.1);}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form .stars img.selected{content: url("/odex_website/static/src/css/../../img/filled-star.png");}.solutions-subscriptions-container .message-rate-conteiner .rate-us-container #rating-form button{width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.solutions-subscriptions-container .solutions-subscriptions-actions a{text-decoration: none; width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.solutions-subscriptions-container .solutions-subscriptions-actions .white-bg{background-color: white; color: #137DC5; outline: 1px solid #137DC5;}.solutions-subscriptions-container .solutions-subscriptions-actions p{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial; text-align: center;}.dashboard-statistics-container{width: 100%; height: auto; padding: 100px 400px; background-color: #FBFBFB;}.dashboard-statistics-container .section-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 100px;}.dashboard-statistics-container .section-title .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px !important;}.dashboard-statistics-container .statistics-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 80px; padding: 0px 300px;}.dashboard-statistics-container .statistics-container .statistics-section{width: 35%; height: auto; display: flex; flex-direction: column; align-items: center; background-color: white; border: 2px solid #E3E4E4; border-radius: 50px; padding: 50px; gap: 60px;}.dashboard-statistics-container .statistics-container .statistics-section .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title{font-size: 46px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial; position: relative; width: auto; margin: 0px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info{width: auto; height: auto; position: absolute; top: 0; right: -50px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a img{width: 34px; height: 34px; cursor: pointer;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info a::after{display: none;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu{width: 500px; height: auto; background-color: white; border: 1px solid rgb(227, 228, 228); border-radius: 50px; padding: 30px;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info .dropdown-menu p{font-size: 28px; font-weight: 600; color: #001B2D; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .title .card-title .additional-info:hover .dropdown-menu{display: block;}.dashboard-statistics-container .statistics-container .statistics-section .title img{width: 50px; height: 50px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}.dashboard-statistics-container .statistics-container .statistics-section .value-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p{font-size: 40px; font-weight: normal; color: #AAABAB; text-align: center; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container p span{font-size: 40px; font-weight: normal; color: #137DC5; text-transform: initial; margin-inline-end: 15px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value{width: 70%; height: auto; display: flex; justify-content: flex-start; align-items: center; background-color: #F5F5F5; padding: 15px 30px; margin-bottom: 30px; border-radius: 60px;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value img{width: 36px; height: 36px; margin-inline-end: 25px !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value p{font-size: 40px; font-weight: normal; text-transform: initial; margin-inline-end: auto !important;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value span{font-size: 40px; font-weight: normal; text-transform: initial;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.done span{color: #37A716;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.in-progress span, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.active span{color: #137DC5;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.solved span{color: #6EC4FF;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.pending span{color: #DC9A37;}.dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive p, .dashboard-statistics-container .statistics-container .statistics-section .value-container .value.deactive span{color: #606060;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-action a, .dashboard-statistics-container .statistics-container .statistics-section .statistics-action button{text-decoration: none; width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.dashboard-statistics-container .statistics-container .statistics-section .statistics-more a{font-size: 34px; font-weight: 400; color: #AAABAB; text-transform: initial;}.your-videos-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 60px 400px;}.your-videos-container .section-title-container{width: 100%; height: auto; margin-bottom: 100px;}.your-videos-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 40px;}.your-videos-container .section-title-container .main-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-container .section-title-container .main-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 20px !important;}.your-videos-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-container .section-title-container .section-tabs-container .section-tabs{width: 1900px; height: 150px; background-color: #dddddd; border-radius: 90px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 44px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 90px; background-color: #137DC5; z-index: 0;}.your-videos-container .your-videos-tabs{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 100px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos{width: auto; height: 150px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 70px; border-radius: 90px; gap: 120px;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 40px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos a img{width: 40px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.your-videos-container .your-videos-tabs .videos-tab .controls-liked-videos .divider{width: 2px; height: 50px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked{width: auto; height: 85vh; padding: 0px 15px 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 250px) / 2) !important; border-radius: 60px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 60px 60px 60px 60px; display: flex; align-items: flex-end;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 60px 60px 60px 60px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 130px; height: 130px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 60px 60px 60px 60px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 50px; z-index: 3; gap: 10px;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 36px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 26px; font-weight: 300; color: white; text-transform: initial;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 2px; height: 25px; background-color: white; margin: 0px 25px !important;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-prev.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation:after{content: "";}.your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper.liked .swiper-button-next.liked-videos-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#support{width: 120px; height: 120px; border-radius: 50%; cursor: pointer; position: fixed; left: 30px; bottom: 180px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}#support img{width: 75%; -o-object-fit: cover; object-fit: cover;}.subscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.subscribe-popup-container .subscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.subscribe-popup-container .subscribe-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container{width: 100%; height: auto; position: relative;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px; margin-bottom: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title p{font-size: 36px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-form-title img{width: 38px; height: 38px; margin-inline-end: 20px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 25px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label{font-size: 28px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-year label input[type=radio]{transform: scale(2); margin-inline-end: 20px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label{font-size: 28px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections .subscribe-duration .subscribe-month label input[type=radio]{transform: scale(2); margin-inline-end: 20px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button{width: 75px; height: 75px; font-size: 40px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:first-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 50px 50px 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter button.counter-button:last-child, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter button.counter-button:last-child{border-radius: 50px 0px 0px 50px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month{width: calc(100% - 110px); height: 75px; background-color: #fbfbfb; font-size: 28px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #yearCounter #counter-value-month span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-year span, .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #monthCounter #counter-value-month span{font-size: 28px; font-weight: 500; color: #001B2D;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-main-selections #promo:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0px; gap: 40px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p{font-size: 28px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p span{font-size: 28px; font-weight: normal; margin-inline-end: 15px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p img{width: 35px; margin-inline-end: 25px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(1){color: #606060;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(2){color: #0DA708;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total p:nth-child(4){color: #045992;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .subscribe-total hr{width: 60%; height: 3px; background-color: gray; opacity: 0.5;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #product-select option{font-size: 28px; font-weight: 300; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox{width: 100%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 15px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container input[type=checkbox]{transform: scale(2);}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .checkbox-label-container label{font-size: 28px; font-weight: normal; color: black; margin: 0px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .terms-checkbox .demo-text{font-size: 28px; font-weight: normal; color: black;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #system-name:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container{width: 100%; height: auto; display: flex; justify-content: space-between;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info-title p{font-size: 28px; font-weight: 300; color: #AAABAB; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info{width: 78%; height: auto; display: flex;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol{width: 30%; height: 75px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 50px 50px 0px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .protocol #protocol{font-size: 28px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain{width: 40%; height: 75px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .sub-domain #sub-domain{font-size: 28px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain{width: 30%; height: 75px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 50px 0px 0px 50px; outline: 1px solid #E3E4E4;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .domain-info-container .domain-info .domain #domain{font-size: 28px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew{width: 100%; height: auto; display: flex; align-items: baseline;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type{width: 30%; height: auto;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label{font-size: 28px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .renew-type label input[type=radio]{transform: scale(2); margin-inline-end: 20px !important;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container{width: 70%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form .renew .gifts-container p{font-size: 28px; font-weight: normal; color: #00B050;}.subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container form#subscribe-form #subscribe-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 30px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}.buy-hours-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.buy-hours-popup-container .buy-hours-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.buy-hours-popup-container .buy-hours-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container{width: 100%; height: auto; position: relative;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container #buy-hours-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px; margin-bottom: 10px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-form-title img{width: 38px; height: 38px; margin-inline-end: 20px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 20px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours-plans-select option{font-size: 28px; font-weight: 300; color: black;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections #hours_promo:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container{width: 100%; height: 75px; border-radius: 50px; background-color: #ECF5FB; border: none; padding: 0px 30px; display: flex; justify-content: space-between; align-items: center;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container p{font-size: 28px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours{font-size: 28px; font-weight: 500; color: #707070; text-transform: initial;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-main-selections .total-hours-container #total-hours span{font-size: 28px; font-weight: 500; color: #707070; text-transform: initial; margin-inline-start: 10px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0px; gap: 40px;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p{font-size: 36px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p span{font-size: 36px; font-weight: normal; margin-inline-end: 15px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p img{width: 35px; margin-inline-end: 25px !important;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(1){color: #606060;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(2){color: #0DA708;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total p:nth-child(4){color: #045992;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form .buy-hours-total hr{width: 60%; height: 3px; background-color: gray; opacity: 0.5;}.buy-hours-popup-container .buy-hours-popup-section .buy-hours-popup-section-container form#buy-hours-form #buy-hours-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}.solution-selection-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.solution-selection-popup-container .solution-selection-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.solution-selection-popup-container .solution-selection-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container{width: 100%; height: auto; position: relative;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; border-radius: 50px; padding: 50px; gap: 50px;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message p{width: -moz-max-content; width: max-content; font-size: 44px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection .body-message button{width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.solution-selection-popup-container .solution-selection-popup-section .solution-selection-popup-section-container #solution-selection select{width: 100%; height: 70px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 20px;}.survey-form-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.survey-form-popup-container .survey-form-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.survey-form-popup-container .survey-form-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container{width: 100%; height: auto; position: relative;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form{width: 100%; height: auto; background-color: #E7F2F9; display: flex; flex-direction: column; align-items: center; gap: 50px; border-radius: 50px; padding: 50px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form p{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 20px; border-radius: 30px;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form .body-message textarea{width: 100%; max-width: 100%; height: 250px; min-height: 250px; font-size: 30px; font-weight: 400; background-color: transparent; text-indent: 15px; color: black; border: none; outline: none;}.survey-form-popup-container .survey-form-popup-section .survey-form-popup-section-container #survey-form button{width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .sub-domain span #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .subscribe-popup-container .subscribe-popup-section .subscribe-popup-section-container #subscribe-form .domain-info-container .domain-info .domain #domain{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .your-videos-tabs .videos-tab .liked-videos .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard .your-videos-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{right: initial !important; left: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_dashboard #support{right: 30px;}} /* /odex_website/static/src/css/server-info.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.server-info-container{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 100%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 15px; padding: 25px 25px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 18px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 18px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex; flex-wrap: wrap; gap: 10px;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 100%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 8px !important;}.server-info-container .server-info-form .server-info-inner .server-info .date-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element{width: 100%; flex-direction: column; gap: 10px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element input[type=date]{text-indent: 10px !important; width: 100%;}.server-info-container .server-info-form .server-info-inner .server-info .domain-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 70%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 70%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: column;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.server-info-container{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 100%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 15px; padding: 25px 25px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 18px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex; flex-wrap: wrap;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 20%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 80%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 14px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .date-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element{width: 100%;}.server-info-container .server-info-form .server-info-inner .server-info .date-element input[type=date]{text-indent: 8px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: column;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.server-info-container{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 100%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 15px; padding: 25px 25px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 18px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex; flex-wrap: wrap;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 20%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 80%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 14px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .date-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element{width: 100%;}.server-info-container .server-info-form .server-info-inner .server-info .date-element input[type=date]{text-indent: 8px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: column;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.server-info-container{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 100%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 15px; padding: 25px 25px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 18px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 18px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex; flex-wrap: wrap;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 20%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 80%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 8px !important;}.server-info-container .server-info-form .server-info-inner .server-info .date-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element{width: 100%; flex-direction: column; gap: 10px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element input[type=date]{text-indent: 10px !important; width: 100%;}.server-info-container .server-info-form .server-info-inner .server-info .domain-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: column;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 50px 50px 50px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 421px) and (max-width: 767px){.server-info-container{width: 100%; height: auto; padding: 25px 40px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 100%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 15px; padding: 25px 25px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 18px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex; flex-wrap: wrap;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 20%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 80%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 14px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .date-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element input[type=date]{text-indent: 8px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 768px) and (max-width: 1024px){.server-info-container{width: 100%; height: auto; padding: 25px 40px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 100%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 20px; padding: 30px 40px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 20px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 14px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 14px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 15px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 14px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 15px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 14px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.server-info-container{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 90%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 15px; padding: 25px 25px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 18px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex; flex-wrap: wrap;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 20%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 80%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 14px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .date-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element{width: 100%;}.server-info-container .server-info-form .server-info-inner .server-info .date-element input[type=date]{text-indent: 8px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.server-info-container{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 90%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 15px; padding: 25px 25px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 18px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 18px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex; flex-wrap: wrap;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 20%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 80%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 8px !important;}.server-info-container .server-info-form .server-info-inner .server-info .date-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element{width: 100%; flex-direction: column; gap: 10px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element input[type=date]{text-indent: 10px !important; width: 100%;}.server-info-container .server-info-form .server-info-inner .server-info .domain-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.server-info-container{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 90%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 15px; padding: 25px 25px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 18px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 18px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex; flex-wrap: wrap;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 20%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 80%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 8px !important;}.server-info-container .server-info-form .server-info-inner .server-info .date-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element{width: 100%; flex-direction: column; gap: 10px;}.server-info-container .server-info-form .server-info-inner .server-info .date-element input[type=date]{text-indent: 10px !important; width: 100%;}.server-info-container .server-info-form .server-info-inner .server-info .domain-title{width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 100%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4; border-radius: 20px;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 300; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 50%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 0px 0px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 300; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.server-info-container{width: 100%; height: auto; padding: 20px 110px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 90%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 20px; padding: 30px 40px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 20px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 45px; font-size: 15px; font-weight: 500; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 30px 30px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 15px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 16px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 45px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 30px 0px 0px 30px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 15px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.server-info-container{width: 100%; height: auto; padding: 25px 80px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 90%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 20px; padding: 30px 40px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 20px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 13px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 13px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 14px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 13px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 14px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 13px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.server-info-container{width: 100%; height: auto; padding: 20px 110px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 80%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 20px; padding: 30px 40px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 20px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 14px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 14px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 15px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 14px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 15px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 14px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.server-info-container{width: 100%; height: auto; padding: 20px 135px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 65%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 20px; padding: 30px 40px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 6px 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 20px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 14px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 14px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 15px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 14px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 15px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 14px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.server-info-container{width: 100%; height: auto; padding: 30px 180px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 65%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 20px; padding: 30px 40px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 8px 25px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 20px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 15px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 15px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 15px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 16px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 15px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.server-info-container{width: 100%; height: auto; padding: 30px 200px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.server-info-container .server-info-form{width: 60%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 30px; gap: 20px; padding: 30px 40px; margin-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 35px 35px 0px 35px; padding: 8px 25px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 20px; margin-inline-end: 5px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 40px; font-size: 15px; font-weight: 500; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 18px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 10px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 20px 20px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 15px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 40px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 16px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 40px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 20px 0px 0px 20px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 15px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.server-info-container{width: 100%; height: auto; padding: 40px 250px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 60px;}.server-info-container .server-info-form{width: 60%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; gap: 25px; padding: 35px 40px; margin-bottom: 30px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 40px 40px 0px 40px; padding: 8px 25px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 30px; margin-inline-end: 8px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 22px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 55px; font-size: 22px; font-weight: 500; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 20px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 20px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 55px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 30px 30px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 20px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 55px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 22px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 55px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 30px 0px 0px 30px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 20px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}}@media screen and (min-width: 3840px){.server-info-container{width: 100%; height: auto; padding: 60px 400px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 80px;}.server-info-container .server-info-form{width: 60%; height: auto;}.server-info-container .server-info-form .server-info-inner{width: 100%; height: auto; display: flex; flex-direction: column; background-color: white; outline: 1px solid #E3E4E4; border-radius: 50px; gap: 40px; padding: 45px 50px; margin-bottom: 40px;}.server-info-container .server-info-form .server-info-inner .server-info-title{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.server-info-container .server-info-form .server-info-inner .server-info-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; margin: 0px;}.server-info-container .server-info-form .server-info-inner .server-info-title a{text-decoration: none; font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center; outline: 1px solid #137DC5; border-radius: 50px 50px 0px 50px; padding: 10px 35px;}.server-info-container .server-info-form .server-info-inner .server-info-title a img{width: 40px; margin-inline-end: 12px;}.server-info-container .server-info-form .server-info-inner .server-info{width: 100%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .title-element{width: 15%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .title-element p{font-size: 30px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px; line-height: 1;}.server-info-container .server-info-form .server-info-inner .server-info .input-element{width: 85%; height: auto; display: flex; align-items: center;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input{width: 100%; height: 75px; font-size: 30px; font-weight: 500; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px;}.server-info-container .server-info-form .server-info-inner .server-info .input-element input:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.server-info-container .server-info-form .server-info-inner .server-info .input-element .data-divider{font-size: 28px; font-weight: 500; color: #AAABAB; text-transform: initial; margin: 0px 40px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input{width: 85%; height: auto; display: flex;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol{width: 30%; height: 75px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 0px 50px 50px 0px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .protocol #protocol{font-size: 28px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain{width: 40%; height: 75px; background-color: #FBFBFB; display: flex; justify-content: center; align-items: center; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .sub-domain #sub-domain{font-size: 30px !important; font-weight: 500; color: #001B2D; text-transform: initial; text-align: center; padding: 0px !important;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain{width: 30%; height: 75px; background-color: #E3E4E4; display: flex; justify-content: center; align-items: center; border-radius: 50px 0px 0px 50px; outline: 1px solid #E3E4E4;}.server-info-container .server-info-form .server-info-inner .server-info .domain-input .domain #domain{font-size: 28px; font-weight: 500; color: #6E6E6E; text-transform: initial;}.server-info-container .server-info-form #server-info-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input{flex-direction: row-reverse;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol{border-radius: 50px 0px 0px 50px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .protocol #protocol{direction: ltr;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .sub-domain #sub-domain{text-align: center; padding: 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain{border-radius: 0px 50px 50px 0px !important;}#wrapwrap.o_rtl main #wrap #wrap_server_info .server-info-container .server-info-form .server-info-inner .domain.server-info .domain-input .domain #domain{direction: ltr;}} /* /odex_website/static/src/css/upgrade-plan.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 20px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 95%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 20px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 16px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -50px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 14px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 14px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 90%; height: 100%; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 14px; height: 14px; margin-inline-end: 8px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 15px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 15px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 0px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 14px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 14px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 18px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 80%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 16px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 16px; font-weight: 600; color: #137DC5; margin-inline-end: 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 90%; height: 100%; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 16px; height: 16px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 15px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 16px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 0px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 15px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 15px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 80%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 16px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 16px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 90%; height: 100%; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 16px; height: 16px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 15px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 16px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 0px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 15px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 15px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 20px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 90%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 15px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 15px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 90%; height: 100%; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 15px; height: 15px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px 15px; border-radius: 15px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 15px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 0px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 14px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 14px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 421px) and (max-width: 767px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 40px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 18px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 80%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 16px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 16px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 95%; height: 100%; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 20px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 17px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 0px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 15px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 15px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 768px) and (max-width: 1024px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 80px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 20px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 45%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 16px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 16px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 95%; height: 100%; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 20px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 18px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 30px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 16px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 16px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: space-evenly; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 45%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 16px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 16px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 90%; height: 100%; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 15px; height: 15px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 10px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; padding: 0px 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification #upgrade-amount{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification #upgrade-amount span{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 20px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: space-evenly; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 45%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 15px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 15px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 90%; height: 100%; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 15px; height: 15px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 10px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; padding: 0px 5px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification #upgrade-amount{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification #upgrade-amount span{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 20px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 20px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 16px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: space-evenly; align-items: baseline; padding: 30px 0px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 45%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 15px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 15px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 90%; height: 100%; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 16px; height: 16px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 10px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; padding: 0px 5px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification #upgrade-amount{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification #upgrade-amount span{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 50px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 25px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 24px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; padding: 30px 80px 0px; flex-wrap: wrap;}.our-plans .plans-container .monthly-plan-container .plan{width: 45%; height: auto; border-radius: 45px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 30px 0px; overflow: hidden; border-radius: 45px 45px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 24px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 14px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 20px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 20px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 25px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px; margin-bottom: 25px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 20px; height: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 6px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 45px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 95%; height: 100%; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 20px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 20px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 30px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 18px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 18px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 25px 80px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 20px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 20px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: baseline; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan{width: 30%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -45px; transform: translateY(-50%) rotate(50deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 15px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 15px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 15px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 5px; margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 14px; height: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 95%; height: 100%; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 20px; gap: 15px; margin-bottom: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 17px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 30px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 16px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 16px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 20px 110px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 20px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 28px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 28px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 22px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: baseline; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan{width: 23%; height: auto; border-radius: 40px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 40px 40px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 18px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -40px; transform: translateY(-50%) rotate(45deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 15px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 15px; font-weight: 600; color: #137DC5; margin-inline-end: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 18px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 8px; margin-bottom: 20px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 90%; height: 100%; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 16px; height: 16px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 20px; gap: 10px; margin-bottom: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 17px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 30px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 16px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 16px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 20px 135px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 24px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: baseline; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan{width: 23%; height: auto; border-radius: 50px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 25px 0px; overflow: hidden; border-radius: 50px 50px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 20px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 12px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -35px; transform: translateY(-50%) rotate(45deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 16px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 16px; font-weight: 600; color: #137DC5; margin-inline-end: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 25px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 20px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px; margin-bottom: 20px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 85%; height: 100%; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 20px; gap: 10px; margin-bottom: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 18px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 30px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 17px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 17px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 30px 180px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 24px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: baseline; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan{width: 23%; height: auto; border-radius: 50px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 30px 0px; overflow: hidden; border-radius: 50px 50px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 22px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 14px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -35px; transform: translateY(-50%) rotate(45deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 17px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 17px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 30px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 20px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px; margin-bottom: 20px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 8px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 17px; height: 17px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 45px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 80%; height: 100%; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 20px; gap: 15px; margin-bottom: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 19px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 50px !important; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 18px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 18px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 30px 200px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 26px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: baseline; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan{width: 22%; height: auto; border-radius: 50px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0588235294); margin-bottom: 30px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 30px 0px; overflow: hidden; border-radius: 50px 50px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 24px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 14px; font-weight: 500; background-color: white; color: #045992; padding: 4px 50px; text-align: center; position: absolute; top: 50%; right: -40px; transform: translateY(-50%) rotate(45deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; padding: 30px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 18px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 18px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 30px; height: 1px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 20px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 50px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 80%; height: 100%; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 20px; border-radius: 20px; gap: 15px; margin-bottom: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 20px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; margin-bottom: 20px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 19px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 19px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 22px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 40px 250px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 40px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 30px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: baseline; padding: 40px 0px;}.our-plans .plans-container .monthly-plan-container .plan{width: 22%; height: auto; border-radius: 60px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0588235294); margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 40px 0px; overflow: hidden; border-radius: 60px 60px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 30px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 20px; font-weight: 500; background-color: white; color: #045992; padding: 4px 80px; text-align: center; position: absolute; top: 50%; right: -65px; transform: translateY(-50%) rotate(45deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px; padding: 40px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 24px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 24px; font-weight: 600; color: #137DC5; margin-inline-end: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 35px; height: 2px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 30px 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 10px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 24px; height: 24px; -o-object-fit: cover; object-fit: cover; margin-top: 10px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 55px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 70%; height: 100%; font-size: 22px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 40px; gap: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 24px; height: 24px; margin-inline-end: 15px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 30px 20px; border-radius: 20px; gap: 15px; margin-bottom: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 22px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; margin-bottom: 20px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 22px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 22px; font-weight: 500; color: #8c8c8c; padding-inline-start: 6px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 25px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 2px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 3840px){.our-plans{width: 100%; height: auto; background-color: #FCFCFC; padding: 60px 400px;}.our-plans .section-title-container{width: 100%; height: auto; margin-bottom: 70px;}.our-plans .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 40px;}.our-plans .section-title-container .main-title-container .main-title{font-size: 60px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 10px;}.our-plans .section-title-container .main-title-container .main-title span{font-size: 60px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 15px !important;}.our-plans .section-title-container .monthly-plan-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-plans .section-title-container .monthly-plan-title p{font-size: 48px; font-weight: 500; color: #AAABAB; text-transform: initial; text-align: center;}.our-plans .plans-container{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: baseline; padding: 40px 0px;}.our-plans .plans-container .monthly-plan-container .plan{width: 22%; height: auto; border-radius: 100px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0588235294); margin-bottom: 60px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-color: #137DC5; position: relative; padding: 60px 0px; overflow: hidden; border-radius: 100px 100px 0px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-header p{font-size: 50px; font-weight: 700; color: white;}.our-plans .plans-container .monthly-plan-container .plan .plan-header span{width: auto; height: auto; font-size: 30px; font-weight: 500; background-color: white; color: #045992; padding: 4px 120px; text-align: center; position: absolute; top: 50%; right: -110px; transform: translateY(-50%) rotate(45deg);}.our-plans .plans-container .monthly-plan-container .plan .plan-body{width: 100%; height: auto;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px; padding: 60px 0px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price{font-size: 40px; font-weight: 600; color: #137DC5; line-height: 1;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .plan-price .price{font-size: 40px; font-weight: 600; color: #137DC5; margin-inline-end: 15px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-price-container .divider{width: 50px; height: 3px; background-color: #137DC5; display: block;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description{width: 100%; height: auto; padding: 0px 40px 15px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 40px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name{font-size: 36px; font-weight: 300; color: #AAABAB; text-transform: initial;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element .feature-name .feature-value{font-size: 36px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-inline-start: 20px !important;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-description-element img{width: 36px; height: 36px; -o-object-fit: cover; object-fit: cover; margin-top: 20px;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn{width: 100%; height: 90px; display: flex; justify-content: center; align-items: center;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a{text-decoration: none; width: 80%; height: 100%; font-size: 34px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.our-plans .plans-container .monthly-plan-container .plan .plan-body .plan-description .plan-action-btn a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.upgrade-plan-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.upgrade-plan-popup-container .upgrade-plan-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.upgrade-plan-popup-container .upgrade-plan-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container{width: 100%; height: auto; position: relative;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container #upgrade-plan-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px; margin-bottom: 0px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-form-title img{width: 38px; height: 38px; margin-inline-end: 20px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ECF5FB; padding: 50px 40px; border-radius: 40px; gap: 30px; margin-bottom: 35px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .upgrade-plan-title{font-size: 36px; font-weight: normal; color: #8c8c8c; text-transform: initial; text-align: center; padding: 0px 60px !important; margin-bottom: 20px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p{font-size: 34px; font-weight: 500; color: #8c8c8c; display: flex; justify-content: center; align-items: center;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container p span{font-size: 34px; font-weight: 500; color: #8c8c8c; padding-inline-start: 10px !important;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-promo-code span{color: #0DA708;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container img{width: 35px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container .plan-total span, .upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification .plan-element-container #plan-total span{color: #137DC5; font-weight: 700;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections .upgrade-plan-notification hr{width: 100%; height: 3px; background-color: #C2D6E4;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form .upgrade-plan-main-selections #upgrade_plan_promo:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.upgrade-plan-popup-container .upgrade-plan-popup-section .upgrade-plan-popup-section-container form#upgrade-plan-form #upgrade-plan-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}} /* /odex_website/static/src/css/your-subscriptions.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.subscriptions-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.subscriptions-header .subscriptions-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 20px; border-radius: 50px; gap: 20px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 10px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 25px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 120px; overflow-x: scroll;}.subscriptions-table-container table#subscriptions-table{width: 420%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 12px; width: 200px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 12px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 32px; border: none; color: white; padding: 8px 8px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 10px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 20px; height: 20px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(62px, 28px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 36px; font-size: 12px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative; padding: 4px 15px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 12px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: 8px; left: 10px; width: 35px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 18px; height: 18px; margin-inline-end: 8px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 90%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 25px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 70px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 15px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 5px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.subscriptions-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 110px; overflow-x: scroll;}.subscriptions-table-container table#subscriptions-table{width: 360%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 35px; border: none; color: white; padding: 7px 10px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 24px; height: 24px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(52px, 28px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 36px; font-size: 13px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative; padding: 4px 15px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 14px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 50px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 25px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.subscriptions-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 110px; overflow-x: scroll;}.subscriptions-table-container table#subscriptions-table{width: 360%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 35px; border: none; color: white; padding: 6px 10px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 24px; height: 24px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(48px, 28px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 36px; font-size: 13px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative; padding: 4px 15px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 14px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -40px; left: 10px; width: 36px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 50px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 25px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.subscriptions-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.subscriptions-header .subscriptions-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 120px; overflow-x: scroll;}.subscriptions-table-container table#subscriptions-table{width: 420%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 32px; border: none; color: white; padding: 5px 10px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 24px; height: 24px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(58px, 28px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 36px; font-size: 13px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative; padding: 4px 15px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 14px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 80%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 70px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 15px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 5px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 421px) and (max-width: 767px){.subscriptions-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 35px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 40px 140px; overflow-x: scroll;}.subscriptions-table-container table#subscriptions-table{width: 350%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 35px; border: none; color: white; padding: 6px 15px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 24px; height: 24px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(104px, 32px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 36px; font-size: 13px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 14px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 50px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 25px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 768px) and (max-width: 1024px){.subscriptions-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 40px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 40px 140px; overflow-x: scroll;}.subscriptions-table-container table#subscriptions-table{width: 180%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 35px; border: none; color: white; padding: 5px 15px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 26px; height: 26px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(115px, 32px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 36px; font-size: 14px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 16px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 15px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 15px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 16px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 16px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 20px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 14px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 14px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 20px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 14px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 14px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: 10px; left: 15px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 50px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 25px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 5px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 50px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 25px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 5px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 8px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 50%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 15px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 15px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 25px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 20px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 5px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.subscriptions-header{width: 100%; height: auto; padding: 25px 50px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 40px; border-radius: 50px; gap: 40px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 50px 150px; overflow-x: scroll;}.subscriptions-table-container table#subscriptions-table{width: 150%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 20px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 18px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 38px; border: none; color: white; padding: 5px 20px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 17px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 28px; height: 28px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(145px, 32px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 45px; font-size: 17px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 18px; margin-inline-end: 12px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 16px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 8px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 16px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 8px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 45px; height: 45px; font-size: 24px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 30px 30px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 30px 0px 0px 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 45px; background-color: #fbfbfb; font-size: 16px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 16px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 18px 0px; gap: 18px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 17px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 17px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 45px; display: flex; justify-content: flex-start; align-items: center; font-size: 15px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 30px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 15px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 15px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 20px; height: 20px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.subscriptions-header{width: 100%; height: auto; padding: 25px 80px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 40px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 80px 120px;}.subscriptions-table-container table#subscriptions-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 33px; border: none; color: white; padding: 6px 10px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 24px; height: 24px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(105px, 32px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 36px; font-size: 12px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 15px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 16px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 16px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 20px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.subscriptions-header{width: 100%; height: auto; padding: 25px 110px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 30px; border-radius: 50px; gap: 40px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 110px 120px;}.subscriptions-table-container table#subscriptions-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 33px; border: none; color: white; padding: 5px 15px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 24px; height: 24px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(102px, 32px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 36px; font-size: 12px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 15px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 18px; height: 18px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 0px; gap: 16px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 16px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 16px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 20px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 13px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 18px; height: 18px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.subscriptions-header{width: 100%; height: auto; padding: 25px 135px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 45px; border-radius: 50px; gap: 45px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 135px 140px;}.subscriptions-table-container table#subscriptions-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 33px; border: none; color: white; padding: 5px 15px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 24px; height: 24px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(112px, 32px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 40px; font-size: 13px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 16px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 20px; height: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 14px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 14px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 14px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 32%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 17px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 17px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 20px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 14px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 14px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 20px; height: 20px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.subscriptions-header{width: 100%; height: auto; padding: 25px 180px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 40px; border-radius: 50px; gap: 50px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 14px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 45px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 180px 150px;}.subscriptions-table-container table#subscriptions-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 15px 20px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 16px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 36px; border: none; color: white; padding: 5px 15px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 26px; height: 26px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(130px, 32px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 45px; font-size: 15px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 16px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 22px; height: 22px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 15px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; font-size: 15px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 15px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 17px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 17px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 45%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; font-size: 15px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 20px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 15px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 15px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.subscriptions-header{width: 100%; height: auto; padding: 30px 200px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 40px; border-radius: 50px; gap: 60px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 50px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 30px 200px 160px;}.subscriptions-table-container table#subscriptions-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 20px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 15px 20px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 18px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 40px; border: none; color: white; padding: 6px 20px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 30px; height: 30px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 10px 0px; border-radius: 20px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(125px, 35px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 50px; font-size: 16px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 16px; margin-inline-end: 10px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 25px; height: 25px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 20px; font-weight: 500; color: #137DC5; font-size: initial;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 20px; font-weight: 500; color: #137DC5; font-size: initial;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1); margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 40px; height: 40px; font-size: 20px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 20px 20px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 20px 0px 0px 20px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 80px); height: 40px; background-color: #fbfbfb; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 18px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 18px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 18px; font-weight: normal; margin-inline-end: 5px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 20px; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 20px; height: 20px; margin-inline-end: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 40px; display: flex; justify-content: flex-start; align-items: center; font-size: 15px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 20px; padding-inline-start: 15px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 15px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 15px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.subscriptions-header{width: 100%; height: auto; padding: 40px 250px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 25px 50px; border-radius: 50px; gap: 60px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 16px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 50px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1.2); margin-inline-end: 10px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 1px; height: 45px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 40px 250px 210px;}.subscriptions-table-container table#subscriptions-table{width: 100%; height: auto; border-radius: 35px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 35px 35px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 35px 35px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 24px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 20px 20px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 35px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 35px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 22px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 20px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 45px; border: none; color: white; padding: 5px 24px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; font-weight: normal; cursor: pointer; border-radius: 30px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 45px; height: 45px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 15px 0px; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(165px, 55px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -18px; left: 18px; border-width: 0 26px 26px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 60px; font-size: 22px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 22px; margin-inline-end: 12px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 35px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 35px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 40px; gap: 25px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px; margin-bottom: 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 28px; height: 28px; margin-inline-end: 15px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 22px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(1.4); margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 22px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(1.4); margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 55px; height: 55px; font-size: 30px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 30px 30px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 30px 0px 0px 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 110px); height: 55px; background-color: #fbfbfb; font-size: 20px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 20px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0px; gap: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 24px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 24px; font-weight: normal; margin-inline-end: 10px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 25px; margin-inline-end: 15px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 1px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 45px; gap: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 25px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 28px; height: 28px; margin-inline-end: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 55px; display: flex; justify-content: flex-start; align-items: center; font-size: 20px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 30px; padding-inline-start: 20px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 20px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 180px; min-height: 180px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 20px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 10px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 22px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 30px; height: 30px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 5px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 3840px){.subscriptions-header{width: 100%; height: auto; padding: 40px 400px; display: flex; align-items: center; background-color: #FBFBFB;}.subscriptions-header .subscriptions-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.subscriptions-header .subscriptions-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.subscriptions-header .subscriptions-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 15px !important;}.subscriptions-header .subscriptions-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 40px 70px; border-radius: 90px; gap: 120px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .filter-title img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; min-width: 240px; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 28px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 18px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 2px; display: block; background-color: #c8c8c8; margin-bottom: 18px !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -25px !important; right: 98% !important; z-index: 1000; padding-inline-start: 75px;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.subscriptions-header .subscriptions-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(2); margin-inline-end: 20px;}.subscriptions-header .subscriptions-controls-container .controls a{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.subscriptions-header .subscriptions-controls-container .controls a img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.subscriptions-header .subscriptions-controls-container .controls .divider{width: 2px; height: 75px; background-color: rgba(128, 128, 128, 0.5);}.subscriptions-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 40px 400px 290px;}.subscriptions-table-container table#subscriptions-table{width: 100%; height: auto; border-radius: 50px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}.subscriptions-table-container table#subscriptions-table thead{width: 100%; height: auto; border-radius: 50px 50px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 50px 50px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 30px 20px;}.subscriptions-table-container table#subscriptions-table thead tr th:first-child{border-radius: 0px 50px 0px 0px;}.subscriptions-table-container table#subscriptions-table thead tr th:last-child{border-radius: 50px 0px 0px 0px;}.subscriptions-table-container table#subscriptions-table tbody{width: 100%; height: auto;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner-container{display: inline-flex; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody .loading-spinner{border: 4px solid rgba(0, 0, 0, 0.1); border-right: 4px solid #228B22; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 5px;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}}.subscriptions-table-container table#subscriptions-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.subscriptions-table-container table#subscriptions-table tbody tr td{font-size: 32px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 30px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button{background-color: #04AA6D; width: auto; height: 70px; border: none; color: white; padding: 10px 30px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; font-weight: normal; cursor: pointer; border-radius: 50px; transition-duration: 0.4s;}.subscriptions-table-container table#subscriptions-table tbody tr td span .draft-button:hover{box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);}.subscriptions-table-container table#subscriptions-table tbody tr td:last-child{text-align: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions{text-decoration: none; display: flex; justify-content: center; align-items: center;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions::after{display: none !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .subscriptions-actions img{width: 70px; height: 70px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; background-color: white; padding: 20px 0px; border-radius: 40px; border: none; outline: none; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); transform: translate3d(215px, 75px, 0px) !important;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu::before{content: ""; position: absolute; top: -22px; left: 30px; border-width: 0 30px 30px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item{text-decoration: none; height: 90px; font-size: 30px; font-weight: normal; text-transform: initial; display: flex; align-items: center; z-index: 2; position: relative; padding-inline-start: 40px;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item:hover{background-color: rgba(128, 128, 128, 0.1); transition: background-color 0.2s ease-in-out;}.subscriptions-table-container table#subscriptions-table tbody tr td .subscriptions-actions-options .dropdown-menu .dropdown-item img{width: 30px; margin-inline-end: 20px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:first-child{border-radius: 0px 0px 50px 0px;}.subscriptions-table-container table#subscriptions-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 50px;}.renew-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.renew-popup-container .renew-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.renew-popup-container .renew-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.renew-popup-container .renew-popup-section .renew-popup-section-container{width: 100%; height: auto; position: relative;}.renew-popup-container .renew-popup-section .renew-popup-section-container #renew-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px; margin-bottom: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-form-title img{width: 38px; height: 38px; margin-inline-end: 20px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label{font-size: 30px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-year label input[type=radio]{transform: scale(2); margin-inline-end: 20px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label{font-size: 30px !important; font-weight: 500; color: #137DC5; font-size: initial; display: flex; justify-content: flex-start; align-items: center;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections .renew-duration .renew-month label input[type=radio]{transform: scale(2); margin-inline-end: 20px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter{width: 100%; height: auto; display: flex;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button{width: 75px; height: 75px; font-size: 40px; background-color: #137DC5; color: white; display: flex; justify-content: center; align-items: center; border: none; outline: none; cursor: pointer;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:first-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:first-child{border-radius: 0px 50px 50px 0px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter button.counter-button:last-child, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter button.counter-button:last-child{border-radius: 50px 0px 0px 50px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month{width: calc(100% - 110px); height: 75px; background-color: #fbfbfb; font-size: 28px; font-weight: 500; color: #001B2D; outline: 1px solid #E3E4E4; display: flex; justify-content: center; align-items: center; gap: 10px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #yearCounter #counter-value-month span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-year span, .renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #monthCounter #counter-value-month span{font-size: 28px; font-weight: 500; color: #001B2D;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-main-selections #promo:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total{width: 30%; height: auto; background-color: #ECF5FB; border-radius: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0px; gap: 40px;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p{font-size: 36px; font-weight: normal; display: flex; justify-content: flex-start; align-items: center; line-height: 1;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p span{font-size: 36px; font-weight: normal; margin-inline-end: 15px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p img{width: 35px; margin-inline-end: 25px !important;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(1){color: #606060;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(2){color: #0DA708;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total p:nth-child(4){color: #045992;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form.renew-total hr{width: 60%; height: 3px; background-color: gray; opacity: 0.5;}.renew-popup-container .renew-popup-section .renew-popup-section-container form#subscribe-form#renew-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}.unsubscribe-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.unsubscribe-popup-container .unsubscribe-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.unsubscribe-popup-container .unsubscribe-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container{width: 100%; height: auto; position: relative;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container #unsubscribe-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-form-title img{width: 38px; height: 38px; margin-inline-end: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-warning{width: 100%; height: 75px; display: flex; justify-content: flex-start; align-items: center; font-size: 28px; font-weight: 300; color: #606060; background-color: #F8E0E0; padding: 10px !important; border-radius: 50px; padding-inline-start: 30px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #product-select option{font-size: 28px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #other-reason{width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 30px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #policy-unsubscribe option{font-size: 28px; font-weight: 300; color: black;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate{width: 100%; height: auto; display: flex; align-items: center; gap: 20px;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-title p{font-size: 30px; font-weight: 300; color: #606060; text-transform: initial;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars{width: auto; height: auto; display: flex; cursor: pointer;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star{width: 40px; height: 40px; background-image: url("/odex_website/static/src/css/../../img/rate-unfill.png"); background-size: cover; margin: 0 10px !important;}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star:hover, .unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form .unsubscribe-rate .rate-stars .star.active{background-image: url("/odex_website/static/src/css/../../img/rate-fill.png");}.unsubscribe-popup-container .unsubscribe-popup-section .unsubscribe-popup-section-container form#unsubscribe-form #unsubscribe-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}} /* /odex_website/static/src/css/your-tickets.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.tickets-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.tickets-header .tickets-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.tickets-header .tickets-options{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; order: 3;}.tickets-header .tickets-options .tickets-search{width: 80%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 35px; font-size: 12px; font-weight: 300; color: black; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 70%; height: 35px; font-size: 12px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 20px; border-radius: 50px; gap: 20px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 10px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 25px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 30px; overflow-x: scroll;}.tickets-table-container table#tickets-table{width: 420%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 12px; width: 200px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 12px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 12px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 25px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 13px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.tickets-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; order: 1;}.tickets-header .tickets-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; order: 3;}.tickets-header .tickets-options .tickets-search{width: 50%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 35px; font-size: 13px; font-weight: 300; color: black; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 35px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 30px; overflow-x: scroll;}.tickets-table-container table#tickets-table{width: 320%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 13px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.tickets-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; order: 1;}.tickets-header .tickets-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; order: 3;}.tickets-header .tickets-options .tickets-search{width: 50%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 35px; font-size: 13px; font-weight: 300; color: black; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 35px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 30px; overflow-x: scroll;}.tickets-table-container table#tickets-table{width: 300%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: 15px; left: 10px; width: 36px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 13px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.tickets-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.tickets-header .tickets-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.tickets-header .tickets-options{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; order: 3;}.tickets-header .tickets-options .tickets-search{width: 80%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 35px; font-size: 13px; font-weight: 300; color: black; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 50%; height: 35px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 30px; overflow-x: scroll;}.tickets-table-container table#tickets-table{width: 400%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 13px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 421px) and (max-width: 767px){.tickets-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; order: 1;}.tickets-header .tickets-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; order: 3;}.tickets-header .tickets-options .tickets-search{width: 50%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 35px; font-size: 13px; font-weight: 300; color: black; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 35px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 35px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 40px 40px; overflow-x: scroll;}.tickets-table-container table#tickets-table{width: 350%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 13px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 768px) and (max-width: 1024px){.tickets-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; order: 1; margin-bottom: 35px;}.tickets-header .tickets-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; order: 3;}.tickets-header .tickets-options .tickets-search{width: 40%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 38px; font-size: 14px; font-weight: 300; color: black; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 38px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; order: 2;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 40px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 40px 40px; overflow-x: scroll;}.tickets-table-container table#tickets-table{width: 180%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 14px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 14px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 14px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 14px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 14px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 14px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 25px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.tickets-header{width: 100%; height: auto; padding: 25px 50px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; order: 1; margin-bottom: 30px;}.tickets-header .tickets-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; order: 3;}.tickets-header .tickets-options .tickets-search{width: 40%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 45px; font-size: 18px; font-weight: 300; color: black; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 45px; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 25px 25px 0px 25px;}.tickets-header .tickets-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; order: 2;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 40px; border-radius: 50px; gap: 40px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 50px 50px; overflow-x: scroll;}.tickets-table-container table#tickets-table{width: 150%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 20px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 18px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 24px; height: 24px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 15px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 45px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 15px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 15px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 45px; font-size: 15px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.tickets-header{width: 100%; height: auto; padding: 25px 80px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; order: 1; margin-bottom: 30px;}.tickets-header .tickets-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; order: 3;}.tickets-header .tickets-options .tickets-search{width: 30%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 35px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 35px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; order: 2;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 40px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 80px 40px;}.tickets-table-container table#tickets-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 16px; height: 16px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 13px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 140px; min-height: 140px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.tickets-header{width: 100%; height: auto; padding: 25px 110px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 25%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.tickets-header .tickets-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 45%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.tickets-header .tickets-options .tickets-search{width: 60%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 35px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 35px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 30%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 30px; border-radius: 50px; gap: 40px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 110px 40px;}.tickets-table-container table#tickets-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 13px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 13px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.tickets-header{width: 100%; height: auto; padding: 25px 135px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 25%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.tickets-header .tickets-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 45%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.tickets-header .tickets-options .tickets-search{width: 60%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 18px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 38px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 18px 18px 0px 18px;}.tickets-header .tickets-controls-container{width: 30%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 45px; border-radius: 50px; gap: 45px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 135px 50px;}.tickets-table-container table#tickets-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 20px; height: 20px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 14px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 14px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 14px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 14px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.tickets-header{width: 100%; height: auto; padding: 25px 180px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 25%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.tickets-header .tickets-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 45%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.tickets-header .tickets-options .tickets-search{width: 60%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 20px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 40px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px;}.tickets-header .tickets-controls-container{width: 30%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 40px; border-radius: 50px; gap: 50px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 14px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 45px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 180px 50px;}.tickets-table-container table#tickets-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 15px 20px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 15px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 45%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 22px; height: 22px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 15px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 15px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 15px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 15px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.tickets-header{width: 100%; height: auto; padding: 30px 200px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.tickets-header .tickets-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 40%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.tickets-header .tickets-options .tickets-search{width: 60%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 40px; font-size: 16px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 20px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 40px; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px;}.tickets-header .tickets-controls-container{width: 30%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 40px; border-radius: 50px; gap: 60px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 50px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 30px 200px 60px;}.tickets-table-container table#tickets-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 15px 20px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 16px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 22px; height: 22px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 26px; height: 26px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 15px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 15px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1); margin-inline-end: 5px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 15px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 15px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.tickets-header{width: 100%; height: auto; padding: 40px 250px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.tickets-header .tickets-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.tickets-header .tickets-options{width: 40%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.tickets-header .tickets-options .tickets-search{width: 60%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 55px; font-size: 22px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 30px; position: absolute; left: 18px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 55px; font-size: 22px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px;}.tickets-header .tickets-controls-container{width: 30%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 25px 50px; border-radius: 50px; gap: 60px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 16px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 50px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1.2); margin-inline-end: 10px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 1px; height: 45px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 40px 250px 80px;}.tickets-table-container table#tickets-table{width: 100%; height: auto; border-radius: 35px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 35px 35px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 35px 35px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 24px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 20px 20px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 35px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 35px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 22px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 20px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 22px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 35px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 35px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 45px; gap: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 25px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 30px; height: 30px; margin-inline-end: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 20px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 55px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 50px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 22px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(1.4); margin-inline-end: 10px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 20px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 180px; min-height: 180px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 20px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 20px; height: 20px; margin-inline-end: 12px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 3840px){.tickets-header{width: 100%; height: auto; padding: 40px 400px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.tickets-header .tickets-title-container{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.tickets-header .tickets-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.tickets-header .tickets-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 15px !important;}.tickets-header .tickets-options{width: 40%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.tickets-header .tickets-options .tickets-search{width: 60%; height: auto; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]{width: 100%; height: 75px; font-size: 32px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px; position: relative;}.tickets-header .tickets-options .tickets-search input[type=text]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.tickets-header .tickets-options .tickets-search img{width: 40px; position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}.tickets-header .tickets-options a{text-decoration: none; width: auto; max-width: 40%; height: 75px; font-size: 32px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 50px 50px 0px 50px;}.tickets-header .tickets-controls-container{width: 30%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.tickets-header .tickets-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 40px 70px; border-radius: 90px; gap: 120px;}.tickets-header .tickets-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .filter-title img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; min-width: 240px; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 28px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 18px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 2px; display: block; background-color: #c8c8c8; margin-bottom: 18px !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -25px !important; right: 98% !important; z-index: 1000; padding-inline-start: 75px;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.tickets-header .tickets-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(2); margin-inline-end: 20px;}.tickets-header .tickets-controls-container .controls a{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.tickets-header .tickets-controls-container .controls a img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.tickets-header .tickets-controls-container .controls .divider{width: 2px; height: 75px; background-color: rgba(128, 128, 128, 0.5);}.tickets-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 40px 400px 120px;}.tickets-table-container table#tickets-table{width: 100%; height: auto; border-radius: 50px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.tickets-table-container table#tickets-table thead{width: 100%; height: auto; border-radius: 50px 50px 0px 0px;}.tickets-table-container table#tickets-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 50px 50px 0px 0px;}.tickets-table-container table#tickets-table thead tr th{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 30px 20px;}.tickets-table-container table#tickets-table thead tr th:first-child{border-radius: 0px 50px 0px 0px;}.tickets-table-container table#tickets-table thead tr th:last-child{border-radius: 50px 0px 0px 0px;}.tickets-table-container table#tickets-table tbody{width: 100%; height: auto;}.tickets-table-container table#tickets-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.tickets-table-container table#tickets-table tbody tr td{font-size: 32px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 30px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.tickets-table-container table#tickets-table tbody tr td:last-child{text-align: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket{text-decoration: none; display: flex; justify-content: center; align-items: center;}.tickets-table-container table#tickets-table tbody tr td .pin-ticket img{width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain;}.tickets-table-container table#tickets-table tbody tr td .open-ticket{text-decoration: none; width: -moz-max-content; width: max-content; font-size: 32px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; margin: 0px auto;}.tickets-table-container table#tickets-table tbody tr:last-child td:first-child{border-radius: 0px 0px 50px 0px;}.tickets-table-container table#tickets-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 50px;}.request-ticket-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 100; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; z-index: 9999;}.request-ticket-popup-container .request-ticket-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.request-ticket-popup-container .request-ticket-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container{width: 100%; height: auto; position: relative;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container #request-ticket-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .request-ticket-form-title img{width: 40px; height: 40px; margin-inline-end: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form input[type=text]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #subscription-code option{font-size: 28px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category{width: 100%; height: 75px; display: flex; justify-content: center; align-items: center; background-color: #ECF5FB; gap: 80px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label{font-size: 30px; font-weight: 500; color: black; margin: 0px; display: flex; align-items: center;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category label:focus-within{color: #137DC5;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .ticket-category input[type=radio]{transform: scale(2); margin-inline-end: 20px; accent-color: #137DC5 !important;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type{width: 100%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-type option{font-size: 28px; font-weight: 300; color: black;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message{width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 30px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #error-message:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file{position: relative; display: inline-block; overflow: hidden;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 28px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form .attach-file label img{width: 30px; height: 30px; margin-inline-end: 20px;}.request-ticket-popup-container .request-ticket-popup-section .request-ticket-popup-section-container form#request-ticket-form #ticket-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}}.pinned-row{background-color: #ededed !important; position: sticky; top: 0; z-index: 1;} /* /odex_website/static/src/css/your-invoices.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.invoice-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.invoice-header .invoice-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 20px; border-radius: 50px; gap: 20px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 10px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 25px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; padding-top: 0px;}.invoice-header .invoice-warning img{width: 13px; margin-top: 6px; margin-inline-end: 10px;}.invoice-header .invoice-warning a{font-size: 13px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1.5; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 30px; overflow-x: scroll;}.invoice-table-container table#invoice-table{width: 420%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 12px; width: 200px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 12px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 17px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 20px 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.invoice-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; padding-top: 0px;}.invoice-header .invoice-warning img{width: 16px; margin-top: 6px; margin-inline-end: 12px;}.invoice-header .invoice-warning a{font-size: 15px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1.5; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 30px; overflow-x: scroll;}.invoice-table-container table#invoice-table{width: 320%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 17px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: 85vh; position: relative; overflow-y: scroll;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: 10px; left: 13px; width: 38px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.invoice-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; padding-top: 0px;}.invoice-header .invoice-warning img{width: 16px; margin-top: 6px; margin-inline-end: 12px;}.invoice-header .invoice-warning a{font-size: 15px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1.5; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 30px; overflow-x: scroll;}.invoice-table-container table#invoice-table{width: 300%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 17px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: 85vh; position: relative; overflow-y: scroll;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.invoice-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.invoice-header .invoice-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; padding-top: 0px;}.invoice-header .invoice-warning img{width: 14px; margin-top: 6px; margin-inline-end: 10px;}.invoice-header .invoice-warning a{font-size: 14px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1.5; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 20px 30px; overflow-x: scroll;}.invoice-table-container table#invoice-table{width: 400%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 16px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 421px) and (max-width: 767px){.invoice-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 35px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; padding-top: 0px;}.invoice-header .invoice-warning img{width: 16px; margin-top: 6px; margin-inline-end: 12px;}.invoice-header .invoice-warning a{font-size: 15px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1.5; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 40px 40px; overflow-x: scroll;}.invoice-table-container table#invoice-table{width: 350%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 17px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 768px) and (max-width: 1024px){.invoice-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 40px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 25px;}.invoice-header .invoice-warning img{width: 16px; margin-top: 3px; margin-inline-end: 12px;}.invoice-header .invoice-warning a{font-size: 16px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 40px 40px; overflow-x: scroll;}.invoice-table-container table#invoice-table{width: 180%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 20px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 14px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 14px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 14px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 14px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: 85vh; position: relative; overflow: scroll;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: 90vh; position: relative; overflow: scroll;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: 85vh; position: relative; overflow: scroll;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 22px 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.invoice-header{width: 100%; height: auto; padding: 25px 50px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 40px; border-radius: 50px; gap: 40px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 30px;}.invoice-header .invoice-warning img{width: 20px; margin-top: 3px; margin-inline-end: 12px;}.invoice-header .invoice-warning a{font-size: 19px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 50px 50px; overflow-x: scroll;}.invoice-table-container table#invoice-table{width: 150%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 20px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 18px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 22px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 15px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 15px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.invoice-header{width: 100%; height: auto; padding: 25px 80px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 40px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 20px;}.invoice-header .invoice-warning img{width: 16px; margin-top: 3px; margin-inline-end: 12px;}.invoice-header .invoice-warning a{font-size: 16px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 80px 40px;}.invoice-table-container table#invoice-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 16px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.invoice-header{width: 100%; height: auto; padding: 25px 110px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 30px; border-radius: 50px; gap: 40px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 20px;}.invoice-header .invoice-warning img{width: 16px; margin-top: 3px; margin-inline-end: 12px;}.invoice-header .invoice-warning a{font-size: 16px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 110px 40px;}.invoice-table-container table#invoice-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 16px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.invoice-header{width: 100%; height: auto; padding: 25px 135px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 45px; border-radius: 50px; gap: 45px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 20px;}.invoice-header .invoice-warning img{width: 16px; margin-top: 3px; margin-inline-end: 12px;}.invoice-header .invoice-warning a{font-size: 16px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 135px 50px;}.invoice-table-container table#invoice-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 18px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 14px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 14px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.invoice-header{width: 100%; height: auto; padding: 25px 180px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 40px; border-radius: 50px; gap: 50px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 14px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 45px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 20px;}.invoice-header .invoice-warning img{width: 18px; margin-top: 3px; margin-inline-end: 15px;}.invoice-header .invoice-warning a{font-size: 16px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 25px 180px 50px;}.invoice-table-container table#invoice-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 15px 20px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 15px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 20px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 45%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 25px 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 17px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 15px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 17px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 15px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.invoice-header{width: 100%; height: auto; padding: 30px 200px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 40px; border-radius: 50px; gap: 60px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 50px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 20px;}.invoice-header .invoice-warning img{width: 18px; margin-top: 4px; margin-inline-end: 15px;}.invoice-header .invoice-warning a{font-size: 18px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 30px 200px 60px;}.invoice-table-container table#invoice-table{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 15px 20px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 16px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 22px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 30px 40px; gap: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 20px; height: 20px; margin-inline-end: 10px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 15px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; padding: 20px 0px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 15px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.invoice-header{width: 100%; height: auto; padding: 40px 250px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 25px 50px; border-radius: 50px; gap: 60px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 16px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 50px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1.2); margin-inline-end: 10px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 1px; height: 45px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 30px;}.invoice-header .invoice-warning img{width: 28px; margin-top: 6px; margin-inline-end: 20px;}.invoice-header .invoice-warning a{font-size: 28px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 40px 250px 80px;}.invoice-table-container table#invoice-table{width: 100%; height: auto; border-radius: 35px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 35px 35px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 35px 35px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 24px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 20px 20px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 35px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 35px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 22px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 20px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 30px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 35px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 35px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 35px 45px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 25px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 28px; height: 28px; margin-inline-end: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto; background-color: white; padding: 30px; border-radius: 35px; border: 1px solid #E3E4E4;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 30px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 2px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 20px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 30px; border-radius: 35px; border: 1px solid #E3E4E4;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 30px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 2px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px; margin-bottom: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 20px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 3840px){.invoice-header{width: 100%; height: auto; padding: 40px 400px; display: flex; align-items: center; flex-wrap: wrap; background-color: #FBFBFB;}.invoice-header .invoice-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.invoice-header .invoice-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.invoice-header .invoice-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 15px !important;}.invoice-header .invoice-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.invoice-header .invoice-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 40px 70px; border-radius: 90px; gap: 120px;}.invoice-header .invoice-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .filter-title img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; min-width: 240px; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 28px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 18px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 2px; display: block; background-color: #c8c8c8; margin-bottom: 18px !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -25px !important; right: 98% !important; z-index: 1000; padding-inline-start: 75px;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.invoice-header .invoice-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(2); margin-inline-end: 20px;}.invoice-header .invoice-controls-container .controls a{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.invoice-header .invoice-controls-container .controls a img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.invoice-header .invoice-controls-container .controls .divider{width: 2px; height: 75px; background-color: rgba(128, 128, 128, 0.5);}.invoice-header .invoice-warning{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-top: 40px;}.invoice-header .invoice-warning img{width: 45px; margin-top: 12px; margin-inline-end: 25px;}.invoice-header .invoice-warning a{font-size: 40px; font-weight: 500; color: #E6AA1E; text-transform: initial; line-height: 1; text-decoration: underline;}.invoice-table-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 40px 400px 120px;}.invoice-table-container table#invoice-table{width: 100%; height: auto; border-radius: 50px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.invoice-table-container table#invoice-table thead{width: 100%; height: auto; border-radius: 50px 50px 0px 0px;}.invoice-table-container table#invoice-table thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 50px 50px 0px 0px;}.invoice-table-container table#invoice-table thead tr th{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 30px 20px;}.invoice-table-container table#invoice-table thead tr th:first-child{border-radius: 0px 50px 0px 0px;}.invoice-table-container table#invoice-table thead tr th:last-child{border-radius: 50px 0px 0px 0px;}.invoice-table-container table#invoice-table tbody{width: 100%; height: auto;}.invoice-table-container table#invoice-table tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.invoice-table-container table#invoice-table tbody tr td{font-size: 32px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 30px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.invoice-table-container table#invoice-table tbody tr td:last-child{text-align: center;}.invoice-table-container table#invoice-table tbody tr td a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.invoice-table-container table#invoice-table tbody tr td a img{width: 42px;}.invoice-table-container table#invoice-table tbody tr:last-child td:first-child{border-radius: 0px 0px 50px 0px;}.invoice-table-container table#invoice-table tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 50px;}.invoice-data-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.invoice-data-popup-container .invoice-data-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.invoice-data-popup-container .invoice-data-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container{width: 100%; height: auto; position: relative;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container #invoice-data-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form{width: 100%; height: auto; padding: 45px 50px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-data-form-title img{width: 38px; height: 38px; margin-inline-end: 20px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container{width: 100%; height: auto; background-color: white; padding: 40px; border-radius: 50px; border: 1px solid #E3E4E4;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container p{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 40px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 2px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 20px; margin-bottom: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information select option{font-size: 28px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .address-information-container .address-information input[type=text]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 40px; border-radius: 50px; border: 1px solid #E3E4E4;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container p{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 40px !important;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 20px; margin-bottom: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information select option{font-size: 28px; font-weight: 300; color: black;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.invoice-data-popup-container .invoice-data-popup-section .invoice-data-popup-section-container form#invoice-data-form #invoice-data-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}} /* /odex_website/static/src/css/your-profile.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.profile-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 15px; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 20px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 20px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 90%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 20px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 20px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 20px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; flex-direction: column; margin-bottom: 20px; gap: 20px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 100%; height: auto; background-color: #FBFBFB; border-radius: 30px; padding: 10px 10px; display: flex; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 25px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.profile-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: row; gap: 30px; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 20px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 70%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; flex-direction: column; margin-bottom: 20px; gap: 20px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 100%; height: auto; background-color: #FBFBFB; border-radius: 30px; padding: 10px 10px; display: flex; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.profile-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: row; gap: 30px; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 20px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 70%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; flex-direction: column; margin-bottom: 20px; gap: 20px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 100%; height: auto; background-color: #FBFBFB; border-radius: 30px; padding: 10px 10px; display: flex; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -40px; left: 10px; width: 36px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.profile-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: row; gap: 30px; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 20px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 70%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; flex-direction: column; margin-bottom: 20px; gap: 20px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 100%; height: auto; background-color: #FBFBFB; border-radius: 30px; padding: 10px 10px; display: flex; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 421px) and (max-width: 767px){.profile-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; flex-direction: row; gap: 30px; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 70%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; flex-direction: column; margin-bottom: 20px; gap: 20px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 100%; height: auto; background-color: #FBFBFB; border-radius: 30px; padding: 10px 10px; display: flex; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 5px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 5px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 768px) and (max-width: 1024px){.profile-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 58%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 40%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 14px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 14px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; flex-direction: column; margin-bottom: 20px; gap: 20px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 100%; height: 40px; background-color: #FBFBFB; border-radius: 20px; padding: 0px 20px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 65%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 35%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 14px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 58%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 40%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 14px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 14px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 70%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 70%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 100%; height: auto; display: flex; justify-content: space-between; flex-direction: column; align-items: center;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 70%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px; text-align: center;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 25px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.profile-header{width: 100%; height: auto; padding: 25px 50px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 50px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 10px; height: 10px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 55%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 45%; height: 45px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 15px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 15px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; flex-direction: row; margin-bottom: 20px; gap: 25px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 80%; height: 45px; background-color: #FBFBFB; border-radius: 30px; padding: 0px 20px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 65%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 35%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 15px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 10px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.profile-header{width: 100%; height: auto; padding: 25px 80px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 80px 25px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 9px; height: 9px; margin-inline-end: 8px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 58%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 40%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px; gap: 30px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 80%; height: 40px; background-color: #FBFBFB; border-radius: 20px; padding: 0px 20px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 65%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 35%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 10px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.profile-header{width: 100%; height: auto; padding: 25px 110px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 110px 25px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 10px; height: 10px; margin-inline-end: 10px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 58%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 40%; height: 40px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 13px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px; gap: 30px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 80%; height: 40px; background-color: #FBFBFB; border-radius: 20px; padding: 0px 30px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 65%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 35%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.profile-header{width: 100%; height: auto; padding: 25px 135px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 135px 25px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 10px; height: 10px; margin-inline-end: 10px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 63%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 35%; height: 40px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 24px 24px;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 14px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 14px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px; gap: 30px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 80%; height: 40px; background-color: #FBFBFB; border-radius: 20px; padding: 0px 30px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 75%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 25%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 14px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 45px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 6px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.profile-header{width: 100%; height: auto; padding: 25px 180px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 180px 25px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 17px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 10px; height: 10px; margin-inline-end: 10px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 63%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 35%; height: 40px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 24px 24px;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 17px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 15px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 17px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 15px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 17px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px; gap: 30px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 80%; height: 40px; background-color: #FBFBFB; border-radius: 30px; padding: 0px 30px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 75%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 34px; height: 34px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 25%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 15px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 45%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.profile-header{width: 100%; height: auto; padding: 30px 200px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 200px 30px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 100px; height: 100px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 10px; height: 10px; margin-inline-end: 10px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 68%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 30%; height: 40px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 24px 24px;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .address-information-container .address-information select option{font-size: 15px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 15px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 15px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px; gap: 30px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 80%; height: 40px; background-color: #FBFBFB; border-radius: 30px; padding: 0px 30px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 75%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 34px; height: 34px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 25%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 15px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 20px; height: 20px; margin-inline-end: 10px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 18px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 45px; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.profile-header{width: 100%; height: auto; padding: 40px 250px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 24px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 25px; background-color: #FBFBFB; padding: 40px 250px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 30px; border-radius: 35px; border: 2px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 30px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 30px; margin-bottom: 25px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 140px; height: 140px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 55px; font-size: 20px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 16px; height: 16px; margin-inline-end: 10px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 20px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 68%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 20px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 30%; height: 55px; font-size: 20px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 30px 30px;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 30px; border-radius: 35px; border: 2px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 30px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 2px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px; margin-bottom: 20px;}.profile-data-container .address-information-container .address-information select option{font-size: 20px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 30px; border-radius: 35px; border: 2px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 30px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 2px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 15px; margin-bottom: 20px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 20px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 55px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 30px; border-radius: 35px; border: 2px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 30px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px; gap: 35px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 80%; height: 55px; background-color: #FBFBFB; border-radius: 35px; padding: 0px 30px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 75%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 20px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 20px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 25%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 20px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 20px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 20px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 15px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 2px; height: 25px; background-color: #777777; margin: 0px 30px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 45px; gap: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 25px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 28px; height: 28px; margin-inline-end: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 55px; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 15px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 16px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 3840px){.profile-header{width: 100%; height: auto; padding: 40px 400px; display: flex; align-items: center; background-color: #FBFBFB;}.profile-header .profile-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.profile-header .profile-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.profile-header .profile-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 15px !important;}.profile-header .profile-action{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-header .profile-action button{font-size: 36px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 11px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.profile-data-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 35px; background-color: #FBFBFB; padding: 40px 400px;}.profile-data-container .personal-information-container{width: 100%; height: auto; background-color: white; padding: 40px; border-radius: 50px; border: 2px solid #E3E4E4;}.profile-data-container .personal-information-container p{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 40px !important;}.profile-data-container .personal-information-container .personal-information-img{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 50px; margin-bottom: 35px !important;}.profile-data-container .personal-information-container .personal-information-img img{width: 200px; height: 200px; border-radius: 50%;}.profile-data-container .personal-information-container .personal-information-img .img-input{position: relative; display: inline-block; overflow: hidden;}.profile-data-container .personal-information-container .personal-information-img .img-input input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.profile-data-container .personal-information-container .personal-information-img .img-input label{display: inline-block; width: -moz-max-content; width: max-content; height: 75px; font-size: 28px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 50px 50px 0px 50px; cursor: pointer; position: relative; z-index: 1;}.profile-data-container .personal-information-container .personal-information-img .img-input label img{width: 22px; height: 22px; margin-inline-end: 10px;}.profile-data-container .personal-information-container .personal-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information input[type=text], .profile-data-container .personal-information-container .personal-information input[type=email], .profile-data-container .personal-information-container .personal-information input[type=tel]{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px; margin-bottom: 30px;}.profile-data-container .personal-information-container .personal-information input[type=text]:focus, .profile-data-container .personal-information-container .personal-information input[type=email]:focus, .profile-data-container .personal-information-container .personal-information input[type=tel]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container{width: 48%; height: auto; display: flex; justify-content: space-between;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]{width: 68%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px; margin-bottom: 30px;}.profile-data-container .personal-information-container .personal-information .password-container input[type=password]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .personal-information-container .personal-information .password-container a{text-decoration: none; width: -moz-max-content; width: max-content; max-width: 30%; height: 75px; font-size: 28px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 50px 50px 50px 50px;}.profile-data-container .address-information-container{width: 100%; height: auto; background-color: white; padding: 40px; border-radius: 50px; border: 2px solid #E3E4E4;}.profile-data-container .address-information-container p{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 40px !important;}.profile-data-container .address-information-container .address-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .address-information-container .address-information select{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 2px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 20px; margin-bottom: 30px;}.profile-data-container .address-information-container .address-information select option{font-size: 28px; font-weight: 300; color: black;}.profile-data-container .address-information-container .address-information input[type=number]{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.profile-data-container .address-information-container .address-information input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .address-information-container .address-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .address-information-container .address-information input[type=text]{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.profile-data-container .address-information-container .address-information input[type=text]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container{width: 100%; height: auto; background-color: white; padding: 40px; border-radius: 50px; border: 2px solid #E3E4E4;}.profile-data-container .invoice-information-container p{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 40px !important;}.profile-data-container .invoice-information-container .invoice-information{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.profile-data-container .invoice-information-container .invoice-information select{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 20px; margin-bottom: 30px;}.profile-data-container .invoice-information-container .invoice-information select option{font-size: 28px; font-weight: 300; color: black;}.profile-data-container .invoice-information-container .invoice-information input[type=number]{width: 48%; height: 75px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.profile-data-container .invoice-information-container .invoice-information input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.profile-data-container .invoice-information-container .invoice-information input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none !important; appearance: none !important; margin: 0;}.profile-data-container .saved-cards-container{width: 100%; height: auto; background-color: white; padding: 40px; border-radius: 50px; border: 2px solid #E3E4E4;}.profile-data-container .saved-cards-container .saved-cards-title{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 40px !important;}.profile-data-container .saved-cards-container .saved-card-record{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 30px; gap: 40px;}.profile-data-container .saved-cards-container .saved-card-record .card-record{width: 80%; height: 75px; background-color: #FBFBFB; border-radius: 35px; padding: 0px 40px; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info{width: 75%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p{font-size: 28px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .card-info p span{font-size: 28px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container{width: 25%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p{font-size: 28px; font-weight: normal; color: #606060; text-transform: initial;}.profile-data-container .saved-cards-container .saved-card-record .card-record .record-date-container p span{font-size: 28px; font-weight: normal; color: #606060; text-transform: initial; margin: 0px 10px !important;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions{width: 20%; height: auto; display: flex; justify-content: center; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a{text-decoration: none; font-size: 28px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a img{width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 15px;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(1){color: #137DC5;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions a:nth-child(3){color: #E40505;}.profile-data-container .saved-cards-container .saved-card-record .card-record-actions .divider{width: 2px; height: 30px; background-color: #777777; margin: 0px 40px !important;}.edit-profile-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-profile-card-popup-container .edit-profile-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-profile-card-popup-container .edit-profile-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container #edit-profile-card-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .edit-profile-card-form-title img{width: 38px; height: 38px; margin-inline-end: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form .inner-title{font-size: 30px; font-weight: 500; text-transform: initial; color: #828282;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input{width: 48%; height: 85px; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-inner-spin-button, .edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=text]{width: 100%;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]{text-indent: 20px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 50px 0px 0px 50px; padding: 28px 30px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px;}.edit-profile-card-popup-container .edit-profile-card-popup-section .edit-profile-card-popup-section-container form#edit-profile-card-form #edit-profile-card-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}} /* /odex_website/static/src/css/user-manual.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.user-manual-header{width: 100%; height: auto; padding: 25px 10px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; z-index: 2;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 16px; height: 16px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 12px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 32px; padding-inline-end: 32px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 10px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: initial;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: -100px; width: 100%; z-index: 1;}.user-manual-elements .user-manual-bottom-bg{position: absolute; right: 0; top: 295px; width: 155px; transform: rotate(-180deg) !important;}.user-manual-elements .user-manual-bottom-mobile-bg{position: absolute; left: 0; bottom: 0px; width: 100%;}.user-manual-elements .user-manual-element{width: 45%; height: 170px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 26px; padding: 25px 0px; margin-bottom: 35px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 60%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 12px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 60%; height: 38px; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 38px; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.user-manual-header{width: 100%; height: auto; padding: 30px 20px; display: flex; align-items: center; flex-direction: column; gap: 20px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; z-index: 2;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 14px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 20px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: initial;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: -100px; width: 100%; z-index: 1;}.user-manual-elements .user-manual-bottom-bg{position: absolute; right: 0; top: 330px; width: 190px; transform: rotate(-180deg) !important;}.user-manual-elements .user-manual-bottom-mobile-bg{position: absolute; left: 0; bottom: 0px; width: 100%;}.user-manual-elements .user-manual-element{width: 45%; height: 200px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 26px; padding: 25px 0px; margin-bottom: 35px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 60%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 14px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 60%; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.user-manual-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 20px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; z-index: 2;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 14px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 20px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: initial;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: -100px; width: 100%; z-index: 1;}.user-manual-elements .user-manual-bottom-bg{position: absolute; right: 0; top: 330px; width: 190px; transform: rotate(-180deg) !important;}.user-manual-elements .user-manual-bottom-mobile-bg{position: absolute; left: 0; bottom: 0px; width: 100%;}.user-manual-elements .user-manual-element{width: 45%; height: 200px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 26px; padding: 25px 0px; margin-bottom: 35px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 60%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 14px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 60%; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.user-manual-header{width: 100%; height: auto; padding: 25px 15px; display: flex; align-items: center; flex-direction: column; gap: 20px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; z-index: 2;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 12px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 15px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: initial;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: -100px; width: 100%; z-index: 1;}.user-manual-elements .user-manual-bottom-bg{position: absolute; right: 0; top: 315px; width: 170px; transform: rotate(-180deg) !important;}.user-manual-elements .user-manual-bottom-mobile-bg{position: absolute; left: 0; bottom: 0px; width: 100%;}.user-manual-elements .user-manual-element{width: 45%; height: 185px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 26px; padding: 25px 0px; margin-bottom: 35px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 60%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 12px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 60%; height: 38px; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 38px; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 421px) and (max-width: 767px){.user-manual-header{width: 100%; height: auto; padding: 30px 20px; display: flex; align-items: center; flex-direction: column; gap: 25px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 14px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 20px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 100%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -55px; width: 200px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 175px; height: 225px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 26px; padding: 25px 0px; margin-bottom: 35px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 60%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 14px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 60%; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 768px) and (max-width: 1024px){.user-manual-header{width: 100%; height: auto; padding: 35px 40px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 40px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -55px; width: 200px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 195px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 26px; padding: 25px 0px; margin-bottom: 35px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 60%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 16px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 60%; height: 38px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 38px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.user-manual-elements{width: 100%; height: auto; padding: 0px 40px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -55px; width: 200px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 250px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 26px; padding: 25px 0px; margin-bottom: 35px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 60%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 16px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 60%; height: 38px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 38px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.user-manual-elements{width: 100%; height: auto; padding: 25px 50px; background-color: white; display: flex; justify-content: space-between; align-items: center;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.user-manual-elements{width: 100%; height: auto; padding: 25px 50px; background-color: white; display: flex; justify-content: space-between; align-items: center;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.user-manual-elements{width: 100%; height: auto; padding: 25px 50px; background-color: white; display: flex; justify-content: space-between; align-items: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.user-manual-header{width: 100%; height: auto; padding: 40px 50px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 50px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -80px; width: 270px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 240px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 30px; padding: 30px 0px; margin-bottom: 50px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 50%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 16px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 50%; height: 40px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 40px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.user-manual-header{width: 100%; height: auto; padding: 40px 80px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 14px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 80px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -80px; width: 270px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 240px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 30px; padding: 30px 0px; margin-bottom: 50px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 50%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 14px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 50%; height: 40px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 140px; height: 40px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.user-manual-header{width: 100%; height: auto; padding: 40px 110px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 15px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 110px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -80px; width: 300px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 260px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 35px; padding: 35px 0px; margin-bottom: 50px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 50%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 15px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 50%; height: 40px; font-size: 15px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 35px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 150px; height: 40px; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.user-manual-header{width: 100%; height: auto; padding: 50px 135px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 135px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -90px; width: 320px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 290px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 40px; padding: 35px 0px; margin-bottom: 55px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 50%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 16px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 50%; height: 40px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 40px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 160px; height: 40px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.user-manual-header{width: 100%; height: auto; padding: 50px 180px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 20px; height: 20px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 20px; height: 20px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 50px; padding-inline-end: 50px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 180px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -90px; width: 320px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 330px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 40px; padding: 40px 0px; margin-bottom: 60px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 50%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 16px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 50%; height: 45px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 40px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 170px; height: 45px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.user-manual-header{width: 100%; height: auto; padding: 60px 200px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 22px; height: 22px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 22px; height: 22px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 65px; background-color: #F4F4F4; font-size: 18px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 50px; padding-inline-end: 50px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 200px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -110px; width: 380px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 400px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 50px; padding: 40px 0px; margin-bottom: 70px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 50%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 18px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 50%; height: 45px; font-size: 18px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 40px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 170px; height: 45px; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.user-manual-header{width: 100%; height: auto; padding: 80px 250px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 25px; height: 25px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 25px; height: 25px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 75px; background-color: #F4F4F4; font-size: 22px; font-weight: 400; color: #76767C; border-radius: 22px; text-indent: 50px; padding-inline-end: 50px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 250px 50px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -120px; width: 435px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 550px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 60px; padding: 50px 0px; margin-bottom: 100px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 50%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 22px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 50%; height: 60px; font-size: 22px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 40px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 250px; height: 60px; font-size: 22px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none;}}@media screen and (min-width: 3840px){.user-manual-header{width: 100%; height: auto; padding: 120px 400px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 15px !important;}.user-manual-header .user-manual-search-container{width: 70%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 35px; height: 35px; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 35px; height: 35px; position: absolute; left: 28px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 110px; background-color: #F4F4F4; font-size: 34px; font-weight: 400; color: #76767C; border-radius: 28px; text-indent: 80px; padding-inline-end: 80px; border: none; outline: none;}.user-manual-elements{width: 100%; height: auto; padding: 0px 400px 80px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; z-index: 1; overflow: hidden;}.user-manual-elements .user-manual-top-bg{position: absolute; right: 0; top: 0; width: 50%;}.user-manual-elements .user-manual-bottom-bg{position: absolute; left: 0; bottom: -185px; width: 645px;}.user-manual-elements .user-manual-bottom-mobile-bg{display: none;}.user-manual-elements .user-manual-element{width: 21%; height: 790px; background-image: url(/odex_website/static/src/css/../../img/user-manual-card-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius: 80px; padding: 70px 0px; margin-bottom: 135px; z-index: 1;}.user-manual-elements .user-manual-element img{width: 50%; height: auto; -o-object-fit: cover; object-fit: cover;}.user-manual-elements .user-manual-element .u_m_name{font-size: 34px; font-weight: 500; color: white; margin-bottom: auto;}.user-manual-elements .user-manual-element a{text-decoration: none; width: 50%; height: 80px; font-size: 34px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 50px 50px 0px 50px; border: none;}.user-manual-elements .user-manual-element.show-more{width: 100%; height: auto; padding: 40px 0px; display: flex; justify-content: center; align-items: center; background-image: none !important; border-radius: 0px; margin-bottom: 0px;}.user-manual-elements .user-manual-element.show-more a{text-decoration: none; width: 320px; height: 80px; font-size: 34px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 50px 50px 0px 50px; border: none;}} /* /odex_website/static/src/css/user-manual-template.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.user-manual-header{width: 100%; height: auto; padding: 25px 10px; display: flex; align-items: center; flex-direction: column; gap: 30px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; z-index: 2;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 16px; height: 16px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 12px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 32px; padding-inline-end: 32px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 10px; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; gap: 30px;}.user-manual-template-container .user-manual-navigator{width: 100%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 20px; border-radius: 24px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 10px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 12px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 12px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 100%; height: auto; padding-inline-end: 0px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 30px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 20px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 4px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 18px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 75px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 12px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 12px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 12px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 50px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 12px; font-weight: 400; color: #137DC5; text-align: center;}.image-modal{display: none; justify-self: center; align-items: center; position: fixed; z-index: 9999; right: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9);}.image-modal span.close{position: absolute; top: 50px; left: 20px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer;}.image-modal img.modal-content{margin: auto; display: block; max-width: 90%; max-height: 80%; touch-action: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.user-manual-header{width: 100%; height: auto; padding: 30px 20px; display: flex; align-items: center; flex-direction: column; gap: 20px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; z-index: 2;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 14px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 20px; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; gap: 30px;}.user-manual-template-container .user-manual-navigator{width: 100%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 25px; border-radius: 24px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 10px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 14px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 100%; height: auto; padding-inline-end: 0px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 40px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 25px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 4px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 22px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 85px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 14px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 14px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 50px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 14px; font-weight: 400; color: #137DC5; text-align: center;}.image-modal{display: none; justify-self: center; align-items: center; position: fixed; z-index: 9999; right: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9);}.image-modal span.close{position: absolute; top: 60px; left: 25px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer;}.image-modal img.modal-content{margin: auto; display: block; max-width: 90%; max-height: 80%; touch-action: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.user-manual-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 20px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; z-index: 2;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 14px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 20px; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; gap: 30px;}.user-manual-template-container .user-manual-navigator{width: 100%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 25px; border-radius: 24px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 10px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 14px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 100%; height: auto; padding-inline-end: 0px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 30px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 25px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 4px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 20px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 85px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 14px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 14px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 50px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 14px; font-weight: 400; color: #137DC5; text-align: center;}.image-modal{display: none; justify-self: center; align-items: center; position: fixed; z-index: 9999; right: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9);}.image-modal span.close{position: absolute; top: 60px; left: 25px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer;}.image-modal img.modal-content{margin: auto; display: block; max-width: 90%; max-height: 80%; touch-action: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.user-manual-header{width: 100%; height: auto; padding: 25px 15px; display: flex; align-items: center; flex-direction: column; gap: 20px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; z-index: 2;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 12px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 15px; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; gap: 30px;}.user-manual-template-container .user-manual-navigator{width: 100%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 20px; border-radius: 24px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 10px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 12px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 12px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 100%; height: auto; padding-inline-end: 0px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 30px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 20px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 4px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 18px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 75px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 12px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 12px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 12px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 50px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 12px; font-weight: 400; color: #137DC5; text-align: center;}.image-modal{display: none; justify-self: center; align-items: center; position: fixed; z-index: 9999; right: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9);}.image-modal span.close{position: absolute; top: 55px; left: 20px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer;}.image-modal img.modal-content{margin: auto; display: block; max-width: 90%; max-height: 80%; touch-action: none;}}@media screen and (min-width: 421px) and (max-width: 767px){.user-manual-header{width: 100%; height: auto; padding: 30px 20px; display: flex; align-items: center; flex-direction: column; gap: 25px; background-color: white;}.user-manual-header .user-manual-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.user-manual-header .user-manual-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%) !important; z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 14px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 20px; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; gap: 30px;}.user-manual-template-container .user-manual-navigator{width: 100%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 25px; border-radius: 24px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 10px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 14px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 100%; height: auto; padding-inline-end: 0px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 40px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 25px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 4px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 22px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 85px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 14px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 15px; height: 15px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 14px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 50px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 14px; font-weight: 400; color: #137DC5; text-align: center;}.image-modal{display: none; justify-self: center; align-items: center; position: fixed; z-index: 9999; right: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9);}.image-modal span.close{position: absolute; top: 70px; left: 35px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer;}.image-modal img.modal-content{margin: auto; display: block; max-width: 90%; max-height: 80%; touch-action: none;}}@media screen and (min-width: 768px) and (max-width: 1024px){.user-manual-header{width: 100%; height: auto; padding: 35px 40px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 73%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 28%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 25px 15px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 15px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 15px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 30px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 115px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 16px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 70px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 16px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.user-manual-header{width: 100%; height: auto; padding: 35px 40px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 72%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 28%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 25px 15px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 15px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 15px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 22px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 115px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 16px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 70px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 16px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.user-manual-header{width: 100%; height: auto; padding: 40px 50px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 73%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 25%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 35px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 35px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 35px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 30px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 115px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 16px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 70px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 16px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.user-manual-header{width: 100%; height: auto; padding: 40px 80px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.user-manual-header .user-manual-search-container{width: 74%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 14px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 25%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 35px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 14px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 35px; padding-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 35px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 24px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 110px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 14px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 14px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 70px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 14px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.user-manual-header{width: 100%; height: auto; padding: 40px 110px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 75%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 15px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 25%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 50px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 15px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 10px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 15px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 50px; padding-bottom: 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 50px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 24px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 110px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 15px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 15px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 16px; height: 16px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 15px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 70px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 15px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.user-manual-header{width: 100%; height: auto; padding: 50px 135px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 75%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 18px; height: 18px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 18px; height: 18px; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 40px; padding-inline-end: 40px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 25%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 50px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 25px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 12px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 18px; height: 18px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 50px; padding-bottom: 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 50px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 28px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 120px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 16px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 18px; height: 18px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 70px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 16px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.user-manual-header{width: 100%; height: auto; padding: 50px 180px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 76%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 20px; height: 20px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 20px; height: 20px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 60px; background-color: #F4F4F4; font-size: 16px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 50px; padding-inline-end: 50px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 25%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 50px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 12px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 16px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 18px; height: 18px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 50px; padding-bottom: 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 50px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 30px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 140px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 16px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 18px; height: 18px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 16px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 80px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 16px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.user-manual-header{width: 100%; height: auto; padding: 60px 200px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 75%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 22px; height: 22px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 22px; height: 22px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 65px; background-color: #F4F4F4; font-size: 18px; font-weight: 400; color: #76767C; border-radius: 18px; text-indent: 50px; padding-inline-end: 50px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 25%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 50px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 18px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 12px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 18px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 18px; height: 18px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 50px; padding-bottom: 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 50px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 36px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 155px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 18px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 18px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 18px; height: 18px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 18px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 80px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 18px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.user-manual-header{width: 100%; height: auto; padding: 80px 250px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.user-manual-header .user-manual-search-container{width: 75%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 25px; height: 25px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 25px; height: 25px; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 75px; background-color: #F4F4F4; font-size: 22px; font-weight: 400; color: #76767C; border-radius: 22px; text-indent: 50px; padding-inline-end: 50px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 25%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 60px; border-radius: 24px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 15px 0px; cursor: pointer; position: relative; border-bottom: 1px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 22px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 14px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 22px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 10px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 20px; height: 20px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 60px; padding-bottom: 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 50px; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 10px 60px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 5px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 40px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 170px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 22px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 22px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 20px; height: 20px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 22px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 100px 0px 20px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 22px; font-weight: 400; color: #137DC5; text-align: center;}}@media screen and (min-width: 3840px){.user-manual-header{width: 100%; height: auto; padding: 120px 400px; display: flex; align-items: center; background-color: white;}.user-manual-header .user-manual-title-container{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto;}.user-manual-header .user-manual-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.user-manual-header .user-manual-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 15px !important;}.user-manual-header .user-manual-search-container{width: 75%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.user-manual-header .user-manual-search-container .user-manual-search{width: 100%; height: auto; position: relative;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-indent{width: 35px; height: 35px; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search .manual-search-icon{width: 35px; height: 35px; position: absolute; left: 28px; top: 50%; transform: translateY(-50%); z-index: 1;}.user-manual-header .user-manual-search-container .user-manual-search input[type=search]{width: 100%; height: 110px; background-color: #F4F4F4; font-size: 34px; font-weight: 400; color: #76767C; border-radius: 28px; text-indent: 80px; padding-inline-end: 80px; border: none; outline: none;}.user-manual-template-container{width: 100%; height: auto; padding: 0px 0px; display: flex; justify-content: space-between; align-items: stretch;}.user-manual-template-container .user-manual-navigator{width: 25%; height: auto; background: linear-gradient(-188.02deg, #137DC5 -22.75%, #045992 126.24%); padding: 100px; border-radius: 40px 0px 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px; padding: 0px 0px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item{width: 100%; height: auto;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header{width: 100%; height: auto; padding: 30px 0px; cursor: pointer; position: relative; border-bottom: 2px solid white;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header p{font-size: 34px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: space-between; align-items: center;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-header img{width: 20px; -o-object-fit: cover; object-fit: cover;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content{width: 100%; height: auto; overflow: hidden;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a{text-decoration: none; font-size: 34px; font-weight: 400; color: white; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px;}.user-manual-template-container .user-manual-navigator .user-manual-navigator-list .user-manual-accordion-item .user-manual-accordion-content a img{width: 30px; height: 30px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container{width: 70%; height: auto; padding-inline-end: 100px; padding-bottom: 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner{width: 100%; height: 80vh; display: flex; flex-direction: column; gap: 100px; box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.1), 4px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 40px; padding: 20px 100px 40px; overflow: scroll; overflow-x: hidden;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar{width: 10px; background-color: #001B2D;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 10px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title{font-size: 50px; font-weight: 600; color: #045992; text-transform: initial; display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-title img{width: 200px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content-header .user-manual-main-description{font-size: 34px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content{width: 100%; height: auto;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title{font-size: 34px; font-weight: 400; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-title img{width: 30px; height: 30px; margin-bottom: -4px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content hr{width: 100%; height: 2px; background-color: rgba(0, 0, 0, 0.4); margin-bottom: 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-section-description{font-size: 34px; font-weight: 400; color: black; text-transform: initial; text-align: justify;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .user-manual-content-img{width: 100%; height: auto; margin: 120px 0px 40px;}.user-manual-template-container .user-manual-content-container .user-manual-content-inner .user-manual-content .image-name{font-size: 34px; font-weight: 400; color: #137DC5; text-align: center;}} /* /odex_website/static/src/css/ticket-details.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.push{padding: 200px 20px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: column; gap: 15px; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 3px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 20px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 20px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px !important; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2); gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 13px; font-weight: normal; color: #828282; text-transform: initial; margin-bottom: 0px !important;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 13px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 35px; font-size: 12px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: auto; display: flex; flex-direction: column; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 100%; height: auto; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 12px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 5px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 12px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 12px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 12px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 200px; max-width: 100%; min-width: 100%; min-height: 200px; max-height: initial; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 12px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 20px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 14px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 8px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 32px; height: 32px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 100%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 12px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 12px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 12px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 32px; height: 32px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: auto; font-size: 12px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 12px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 32px; height: 32px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: auto; font-size: 12px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 12px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 40px; height: 1px; background-color: #E3E4E4; display: none;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 12px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 10px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 25px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.push{padding: 200px 20px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: row; gap: 30px; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 4px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 20px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px !important; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2); gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; margin-bottom: 0px !important;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 14px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 35px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: auto; display: flex; flex-direction: column; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 100%; height: auto; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 14px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 5px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 200px; max-width: 100%; min-width: 100%; min-height: 200px; max-height: initial; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 14px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 16px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 10px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 100%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 13px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 13px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: auto; font-size: 13px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: auto; font-size: 13px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 40px; height: 1px; background-color: #E3E4E4; display: none;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 14px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 12px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.push{padding: 200px 20px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: row; gap: 30px; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 4px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 20px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px !important; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2); gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; margin-bottom: 0px !important;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 14px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 35px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: auto; display: flex; flex-direction: column; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 100%; height: auto; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 14px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 5px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 200px; max-width: 100%; min-width: 100%; min-height: 200px; max-height: initial; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 14px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 16px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 10px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 100%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 13px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 13px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: auto; font-size: 13px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: auto; font-size: 13px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 40px; height: 1px; background-color: #E3E4E4; display: none;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 14px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 12px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: 15px; left: 10px; width: 36px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.push{padding: 200px 20px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 20px; display: flex; align-items: center; flex-direction: row; gap: 30px; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 4px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 20px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 20px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px !important; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2); gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; margin-bottom: 0px !important;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 14px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 35px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: auto; display: flex; flex-direction: column; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 100%; height: auto; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 13px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 5px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 13px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 13px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 200px; max-width: 100%; min-width: 100%; min-height: 200px; max-height: initial; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 13px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 20px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 14px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 10px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 100%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 13px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 13px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: auto; font-size: 13px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: auto; font-size: 13px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 40px; height: 1px; background-color: #E3E4E4; display: none;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 14px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 12px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 421px) and (max-width: 767px){.push{padding: 200px 40px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; flex-direction: row; gap: 30px; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 4px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 40px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px !important; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2); gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 15px; font-weight: normal; color: #828282; text-transform: initial; margin-bottom: 0px !important;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 15px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 35px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: auto; display: flex; flex-direction: column; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 100%; height: auto; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 14px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 5px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: auto; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 200px; max-width: 100%; min-width: 100%; min-height: 200px; max-height: initial; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 14px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 18px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 10px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 100%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 13px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 13px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: auto; font-size: 13px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 35px; height: 35px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: auto; font-size: 13px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 10px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 10px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 40px; height: 1px; background-color: #E3E4E4; display: none;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 14px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 12px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 768px) and (max-width: 1024px){.push{padding: 200px 40px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px !important; padding-bottom: 10px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 15px; font-weight: normal; color: #828282; text-transform: initial; margin-bottom: 0px !important;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 15px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 40px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 350px; display: flex; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 14px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 10px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 14px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 18px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 65%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 14px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 15px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 40px; font-size: 14px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 40px; font-size: 14px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 100px; height: 1px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 15px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 16px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 14px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 40px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; margin-bottom: 20px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 25px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.push{padding: 200px 50px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 50px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 25px 50px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px !important; padding-bottom: 10px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 17px; font-weight: normal; color: #828282; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 17px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 45px; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 350px; display: flex; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 16px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 10px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 16px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 16px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 20px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 45px; height: 45px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 68%; height: 45px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 16px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 16px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 15px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 45px; height: 45px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 45px; font-size: 16px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 12px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 12px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 45px; height: 45px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 45px; font-size: 16px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 12px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 12px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 100px; height: 2px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 18px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 18px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 45px; font-size: 15px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.push{padding: 200px 80px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 80px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 80px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px !important; padding-bottom: 10px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 15px; font-weight: normal; color: #828282; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 15px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 40px; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 350px; display: flex; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 14px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 10px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 14px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 14px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 20px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 68%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 14px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 14px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 15px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 40px; font-size: 14px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 40px; font-size: 14px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 100px; height: 2px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 15px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 16px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 140px; min-height: 140px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.push{padding: 200px 110px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 110px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 110px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px !important; padding-bottom: 10px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 16px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 40px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 350px; display: flex; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 15px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 10px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 15px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 15px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 15px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 24px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 72%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 15px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 15px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 40px; font-size: 15px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 40px; font-size: 15px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 100px; height: 2px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 16px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 20px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.push{padding: 200px 135px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 135px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 135px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px !important; padding-bottom: 10px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 16px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 350px; display: flex; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 16px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 10px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 16px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 16px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 24px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 75%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 16px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 15px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 40px; font-size: 15px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 40px; font-size: 15px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 100px; height: 2px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 16px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 16px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 14px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.push{padding: 200px 180px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 25px 180px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 180px 25px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px !important; padding-bottom: 10px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 17px; font-weight: normal; color: #828282; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 17px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 350px; display: flex; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 16px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 10px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 16px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 16px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 24px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 78%; height: 40px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 16px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 15px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 40px; font-size: 15px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 40px; height: 40px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 40px; font-size: 15px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 100px; height: 2px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 16px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 17px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 45%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 20px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 15px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.push{padding: 250px 200px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 30px 200px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; background-color: #FBFBFB; padding: 10px 200px 30px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 20px !important; padding-bottom: 10px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 18px; font-weight: normal; color: #828282; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 18px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 350px; display: flex; align-items: stretch; gap: 20px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 30px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 16px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 10px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 16px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 16px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 30px; padding: 20px; font-size: 16px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 25px; border-radius: 30px; border: 1px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 24px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 30px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 44px; height: 44px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 80%; height: 44px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -2px; top: 0; width: auto; height: 100%; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 16px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 15px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 30px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 44px; height: 44px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 44px; font-size: 15px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 30px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 44px; height: 44px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 44px; font-size: 15px; font-weight: 500; color: #606060; border-radius: 25px 25px 0px 25px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 15px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 11px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 11px; font-weight: 300; color: #AAABAB; margin-inline-start: 5px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 100px; height: 2px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 16px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 20px; margin-inline-end: 10px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 15px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 15px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 16px; height: 16px; margin-inline-end: 10px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.push{padding: 300px 250px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 40px 250px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 25px; background-color: #FBFBFB; padding: 40px 250px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 30px; border-radius: 35px; border: 2px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 30px !important; padding-bottom: 20px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 22px; font-weight: normal; color: #828282; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 22px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 50px; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 24px 24px 0px 24px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 400px; display: flex; align-items: stretch; gap: 30px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 35px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 20px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 10px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 20px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 20px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 20px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 35px; padding: 25px; font-size: 20px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 30px; border-radius: 35px; border: 2px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 30px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 40px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 60px; height: 60px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 80%; height: 50px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 18px; font-weight: 300; color: black; border-radius: 35px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -8px; top: 0; width: auto; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 35px; border-radius: 35px 35px 0px 35px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 22px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 30px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 60px; height: 60px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 50px; font-size: 18px; font-weight: 500; color: #606060; border-radius: 35px 35px 0px 35px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 20px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 15px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 15px; font-weight: 300; color: #AAABAB; margin-inline-start: 8px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 30px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 60px; height: 60px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 50px; font-size: 18px; font-weight: 500; color: #606060; border-radius: 35px 35px 0px 35px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 20px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 15px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 15px; font-weight: 300; color: #AAABAB; margin-inline-start: 8px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 140px; height: 2px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 22px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 18px; margin-inline-end: 15px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 45px; gap: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 180px; min-height: 180px; font-size: 20px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 20px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 20px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 20px; height: 20px; margin-inline-end: 12px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 3840px){.push{padding: 500px 400px 0px; background-color: #FBFBFB;}.ticket-details-header{width: 100%; height: auto; padding: 40px 400px; display: flex; align-items: center; background-color: #FBFBFB;}.ticket-details-header .ticket-details-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.ticket-details-header .ticket-details-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.ticket-details-header .ticket-details-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 15px !important;}.ticket-details-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 35px; background-color: #FBFBFB; padding: 40px 400px;}.ticket-details-container .ticket-info-container{width: 100%; height: auto; background-color: white; padding: 40px; border-radius: 50px; border: 2px solid #E3E4E4;}.ticket-details-container .ticket-info-container .ticket-info-title{width: 100%; height: auto; display: flex; align-items: center; margin-bottom: 40px !important; padding-bottom: 30px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 35px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number p{font-size: 34px; font-weight: normal; color: #828282; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-number span{font-size: 34px; font-weight: normal; color: #6EC4FF; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 40px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a{text-decoration: none; width: auto; height: 75px; font-size: 30px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 25px; border-radius: 50px 50px 0px 50px;}.ticket-details-container .ticket-info-container .ticket-info-title .ticket-actions a:nth-child(2){background-color: white; color: #D62E14; outline: 1px solid #D62E14;}.ticket-details-container .ticket-info-container .ticket-details{width: 100%; height: 600px; display: flex; align-items: stretch; gap: 40px;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info{width: 50%; height: 100%; background-color: #FBFBFB; border: 1px solid #E3E4E4; border-radius: 50px; padding: 40px; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element{width: 100%; height: auto;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element p{font-size: 30px; font-weight: 300; color: #828282; text-transform: initial; margin-bottom: 15px !important;}.ticket-details-container .ticket-info-container .ticket-details .ticket-info .info-element span{font-size: 30px; font-weight: normal; color: #606060; text-transform: initial;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container{width: 50%; height: 100%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description span{font-size: 30px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description p{font-size: 30px; font-weight: normal; color: #828282; text-transform: initial; height: 10%;}.ticket-details-container .ticket-info-container .ticket-details .ticket-description-container .ticket-description div{width: 100%; height: 75%; max-width: 100%; min-width: 100%; min-height: 75%; max-height: 75%; background-color: #FBFBFB; color: #828282; outline: 1px solid #E3E4E4; border: none; border-radius: 50px; padding: 40px; font-size: 30px; line-height: 2;}.ticket-details-container .chat-container{width: 100%; height: auto; background-color: white; padding: 40px; border-radius: 50px; border: 2px solid #E3E4E4;}.ticket-details-container .chat-container .chat-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid rgba(128, 128, 128, 0.2);}.ticket-details-container .chat-container .chat-title p{font-size: 40px; font-weight: 600; color: #606060; text-transform: initial;}.ticket-details-container .chat-container .chat-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 40px;}.ticket-details-container .chat-container .chat-box .message-creation{width: 100%; height: auto; margin-bottom: 20px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 50px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form img{width: 80px; height: 80px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message{width: 80%; height: 80px; position: relative; margin-inline-end: auto;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input{width: 100%; height: 100%; font-size: 30px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message input:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form .send-message #send-message-btn{position: absolute; left: -8px; top: 0; width: auto; height: 100%; font-size: 30px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none; cursor: pointer;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach{font-size: 34px; font-weight: 500; color: #137DC5; text-decoration: underline; display: flex; align-items: center;}.ticket-details-container .chat-container .chat-box .message-creation #message-creation-form #chat-attach img{width: 30px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 15px;}.ticket-details-container .chat-container .chat-box .user-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 50px;}.ticket-details-container .chat-container .chat-box .user-message-container img{width: 80px; height: 80px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .user-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-content{width: auto; height: 80px; font-size: 30px; font-weight: 500; color: #606060; border-radius: 50px 50px 0px 50px; background-color: #E7F2F9; display: flex; justify-content: center; align-items: center; padding: 0px 25px !important;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time{font-size: 20px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .user-message-container .message #message-time span{font-size: 20px; font-weight: 300; color: #AAABAB; margin-inline-start: 10px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 50px;}.ticket-details-container .chat-container .chat-box .admin-message-container img{width: 80px; height: 80px; border-radius: 50%;}.ticket-details-container .chat-container .chat-box .admin-message-container .message{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-content{width: auto; height: 80px; font-size: 30px; font-weight: 500; color: #606060; border-radius: 50px 50px 0px 50px; background-color: #F3F3F3; display: flex; justify-content: center; align-items: center; padding: 0px 25px !important;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time{font-size: 20px; font-weight: 300; color: #AAABAB;}.ticket-details-container .chat-container .chat-box .admin-message-container .message #message-time span{font-size: 20px; font-weight: 300; color: #AAABAB; margin-inline-start: 10px !important;}.ticket-details-container .chat-container .chat-box .load-more{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.ticket-details-container .chat-container .chat-box .load-more .divider{width: 180px; height: 3px; background-color: #E3E4E4;}.ticket-details-container .chat-container .chat-box .load-more a{text-decoration: none; font-size: 34px; font-weight: normal; color: #137DC5; text-transform: initial; display: flex; justify-content: center; align-items: center;}.ticket-details-container .chat-container .chat-box .load-more a img{width: 30px; margin-inline-end: 20px !important;}.reject-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.reject-popup-container .reject-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.reject-popup-container .reject-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.reject-popup-container .reject-popup-section .reject-popup-section-container{width: 100%; height: auto; position: relative;}.reject-popup-container .reject-popup-section .reject-popup-section-container #reject-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message{width: 100%; min-width: 100%; max-width: 100%; height: 240px; min-height: 240px; font-size: 28px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; padding: 30px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-message:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file{position: relative; display: inline-block; overflow: hidden;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file input[type=file]{position: absolute; font-size: 100px; opacity: 0; left: 0; top: 0;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label{display: inline-block; width: -moz-max-content; width: max-content; height: 40px; font-size: 28px; font-weight: 500; text-decoration: underline; color: #137DC5; display: flex; justify-content: center; align-items: center; padding: 0px 0px; cursor: pointer; position: relative; z-index: 1;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form .reject-attach-file label img{width: 30px; height: 30px; margin-inline-end: 20px;}.reject-popup-container .reject-popup-section .reject-popup-section-container form#reject-form #reject-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}} /* /odex_website/static/src/css/index.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.call-to-action{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px; padding: 130px 0px 70px;}.call-to-action .content-home{width: 100%; height: auto; padding-inline-start: 0px !important; order: 2; padding: 0px 0px;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 15px;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; padding: 0px 12px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; flex-direction: column; gap: 10px; padding: 0px 40px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 0px 0px;}.call-to-action .call-to-action-img img{width: 120px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.call-to-action #scroll-down{width: 30px; position: absolute; bottom: 10px; right: 50%; transform: translateX(50%) !important; cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 20px;}.why-odex .why-odex-elements .why-odex-element{width: 230px; height: auto; background-color: white; padding: 30px 12px; border-radius: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 0px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 16px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 20px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 16px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 100%; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 20px 30px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 60px; flex-direction: column;}.our-integrations-home .integrations-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 180px; height: 180px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 90px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 90px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 90px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 90px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 16px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 20px; text-align: center;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 50px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 13px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 3px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 20px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 20px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 50px 20px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 60px;}.our-success .our-success-message{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 30px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 26px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 20px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 100%; height: auto; display: flex; justify-content: center;}.our-success .our-success-values-container .our-success-values{width: 200px; height: 200px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 16px; font-weight: 600; color: white; text-align: center; margin-bottom: 0px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 12px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 35px 35px 35px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 35px 0px 35px 35px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 35px 35px 35px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 35px 35px 0px 35px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 20px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 20px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 13px; font-weight: 500; color: white; text-align: center;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 13px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 13px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 13px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 13px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 250px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 0px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 13px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10; display: none;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 40px;}.call-to-action .content-home{width: 100%; height: auto; padding-inline-start: 0px !important; order: 2; padding: 0px 0px;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 17px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 0px 0px;}.call-to-action .call-to-action-img img{width: 170px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.call-to-action #scroll-down{width: 35px; position: absolute; bottom: 55px; right: 50%; transform: translateX(50%) !important; cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 20px;}.why-odex .why-odex-elements .why-odex-element{width: 300px; height: auto; background-color: white; padding: 30px 15px; border-radius: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 0px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 17px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 14px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 20px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 17px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 100%; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 20px 30px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 60px; flex-direction: column;}.our-integrations-home .integrations-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 180px; height: 180px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 90px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 90px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 90px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 90px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 20px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 25px; text-align: center;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 50px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 20px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 14px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 40px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 50px 20px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 60px;}.our-success .our-success-message{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 30px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 27px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 20px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 100%; height: auto; display: flex; justify-content: center;}.our-success .our-success-values-container .our-success-values{width: 230px; height: 230px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 18px; font-weight: 600; color: white; text-align: center; margin-bottom: 5px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 13px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 42px 42px 42px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 42px 0px 42px 42px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 42px 42px 42px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 42px 42px 0px 42px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 20px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 20px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 13px; font-weight: 500; color: white; text-align: center;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 13px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 13px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 13px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 13px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 250px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 0px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 13px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10; display: none;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 30px;}.call-to-action .content-home{width: 100%; height: auto; padding-inline-start: 0px !important; order: 2; padding: 0px 0px;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 0px 0px;}.call-to-action .call-to-action-img img{width: 160px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.call-to-action #scroll-down{width: 30px; position: absolute; bottom: 55px; right: 50%; transform: translateX(50%) !important; cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 35px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 20px;}.why-odex .why-odex-elements .why-odex-element{width: 300px; height: auto; background-color: white; padding: 30px 15px; border-radius: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 0px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 16px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 20px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 16px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 100%; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 20px 30px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 60px; flex-direction: column;}.our-integrations-home .integrations-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 180px; height: 180px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 90px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 90px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 90px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 90px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 20px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 20px; text-align: center;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 50px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 13px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 20px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 30px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 50px 20px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 60px;}.our-success .our-success-message{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 30px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 27px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 20px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 100%; height: auto; display: flex; justify-content: center;}.our-success .our-success-values-container .our-success-values{width: 230px; height: 230px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 18px; font-weight: 600; color: white; text-align: center; margin-bottom: 5px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 13px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 42px 42px 42px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 42px 0px 42px 42px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 42px 42px 42px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 42px 42px 0px 42px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 20px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 20px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 13px; font-weight: 500; color: white; text-align: center;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 13px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 13px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 13px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 13px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 250px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 0px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 13px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10; display: none;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.call-to-action{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px; padding: 130px 0px 100px;}.call-to-action .content-home{width: 100%; height: auto; padding-inline-start: 0px !important; order: 2; padding: 0px 0px;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 0px 0px;}.call-to-action .call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.call-to-action #scroll-down{width: 30px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%) !important; cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 20px;}.why-odex .why-odex-elements .why-odex-element{width: 260px; height: auto; background-color: white; padding: 30px 15px; border-radius: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 0px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 16px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 20px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 16px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 100%; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 20px 30px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 60px; flex-direction: column;}.our-integrations-home .integrations-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 180px; height: 180px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 90px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 90px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 90px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 90px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 18px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: center;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 50px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 13px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 3px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 20px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 20px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 50px 20px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 60px;}.our-success .our-success-message{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 30px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 26px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 20px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 100%; height: auto; display: flex; justify-content: center;}.our-success .our-success-values-container .our-success-values{width: 230px; height: 230px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 18px; font-weight: 600; color: white; text-align: center; margin-bottom: 5px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 12px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 42px 42px 42px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 42px 0px 42px 42px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 42px 42px 42px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 42px 42px 0px 42px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 20px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 20px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 13px; font-weight: 500; color: white; text-align: center;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 13px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 13px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 13px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 13px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 250px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 0px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 13px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10; display: none;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 40px;}.call-to-action .content-home{width: 100%; height: auto; padding-inline-start: 0px !important; order: 2; padding: 0px 0px;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 10px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 0px 0px;}.call-to-action .call-to-action-img img{width: 220px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.call-to-action #scroll-down{width: 35px; position: absolute; bottom: 58px; right: 50%; transform: translateX(50%) !important; cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 25px;}.why-odex .why-odex-elements .why-odex-element{width: 250px; height: auto; background-color: white; padding: 30px 15px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 0px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 18px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 40px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 90%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 18px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 90%; height: auto; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 40px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 60px; flex-direction: column;}.our-integrations-home .integrations-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 180px; height: 180px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 90px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 90px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 90px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 90px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 20px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 25px; text-align: center;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 50px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 15px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 40px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 60px 40px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 60px;}.our-success .our-success-message{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.our-success .our-success-message .our-success-one{font-size: 34px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 31px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 23px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 100%; height: auto; display: flex; justify-content: center;}.our-success .our-success-values-container .our-success-values{width: 250px; height: 250px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 18px; font-weight: 600; color: white; text-align: center; margin-bottom: 5px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 14px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 50px 50px 50px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 50px 0px 50px 50px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 50px 50px 50px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 50px 50px 0px 50px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 40px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin-bottom: 60px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 24px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 15px; font-weight: 500; color: white; text-align: center;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 16px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 15px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 15px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 15px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 300px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 0px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 15px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10; display: none;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 52%; height: auto; padding-inline-start: 40px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translateX(-10px);}.call-to-action #scroll-down{width: 40px; position: absolute; bottom: 55px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.why-odex .why-odex-elements .why-odex-element{width: 320px; height: auto; background-color: white; padding: 30px 15px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 30px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 20px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 40px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 320px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 18px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 320px; height: 175px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 40px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 20px;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 220px; height: 220px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 110px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 110px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 110px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 110px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 24px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 30px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 100px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 15px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 50px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 60px 40px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.our-success .our-success-message .our-success-one{font-size: 40px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 36px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 27px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 300px; height: 300px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 20px; font-weight: 600; color: white; text-align: center; margin-bottom: 10px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 15px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 60px 60px 60px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 60px 0px 60px 60px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 60px 60px 60px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 60px 60px 0px 60px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 40px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; display: flex; flex-direction: column; align-items: center; padding: 30px; margin-bottom: 60px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 26px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 15px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 16px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 16px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 15px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 15px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 26px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 400px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 120px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 15px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.why-odex .why-odex-elements .why-odex-element{width: 300px; height: auto; background-color: white; padding: 30px 15px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 30px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 20px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 40px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 450px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 18px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 450px; height: 150px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.call-to-action{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px; padding: 130px 0px 100px;}.call-to-action .content-home{width: 100%; height: auto; padding-inline-start: 0px !important; order: 2; padding: 0px 0px;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 0px 0px;}.call-to-action .call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.call-to-action #scroll-down{width: 30px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%) !important; cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 20px;}.why-odex .why-odex-elements .why-odex-element{width: 240px; height: auto; background-color: white; padding: 30px 15px; border-radius: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 0px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 16px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-solutions .solutions .solution{width: 230px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 20px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 16px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-services-home .services .service{width: 230px; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 20px 30px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 60px; flex-direction: column;}.our-integrations-home .integrations-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 180px; height: 180px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 90px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 90px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 90px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 90px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 18px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: center;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 50px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 13px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 3px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 20px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 25px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin: 0px auto 25px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 25px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 50px 20px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 60px;}.our-success .our-success-message{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 30px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 26px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 20px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 100%; height: auto; display: flex; justify-content: center;}.our-success .our-success-values-container .our-success-values{width: 230px; height: 230px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 18px; font-weight: 600; color: white; text-align: center; margin-bottom: 5px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 12px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 42px 42px 42px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 42px 0px 42px 42px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 42px 42px 42px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 42px 42px 0px 42px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 20px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 20px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 13px; font-weight: 500; color: white; text-align: center;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 13px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 13px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 13px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 13px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 250px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 0px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 13px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10; display: none;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.call-to-action{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px; padding: 130px 0px 100px;}.call-to-action .content-home{width: 100%; height: auto; padding-inline-start: 0px !important; order: 2; padding: 0px 0px;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; padding: 0px 20px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 0px 0px;}.call-to-action .call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.call-to-action #scroll-down{width: 30px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%) !important; cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 20px;}.why-odex .why-odex-elements .why-odex-element{width: 240px; height: auto; background-color: white; padding: 30px 15px; border-radius: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 0px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 16px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-solutions .solutions .solution{width: 230px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 20px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 16px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-services-home .services .service{width: 230px; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 20px 30px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 60px; flex-direction: column;}.our-integrations-home .integrations-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 180px; height: 180px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 90px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 90px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 90px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 90px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 18px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: center;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 50px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 13px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 3px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 20px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 25px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin: 0px auto 25px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 25px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 50px 20px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 60px;}.our-success .our-success-message{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 30px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 26px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 20px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 100%; height: auto; display: flex; justify-content: center;}.our-success .our-success-values-container .our-success-values{width: 230px; height: 230px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 18px; font-weight: 600; color: white; text-align: center; margin-bottom: 5px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 12px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 42px 42px 42px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 42px 0px 42px 42px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 42px 42px 42px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 42px 42px 0px 42px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 20px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 20px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 13px; font-weight: 500; color: white; text-align: center;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 13px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 13px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 13px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 13px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 250px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 0px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 13px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10; display: none;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.call-to-action{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px; padding: 130px 0px 70px;}.call-to-action .content-home{width: 100%; height: auto; padding-inline-start: 0px !important; order: 2; padding: 0px 0px;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 15px;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; padding: 0px 12px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; flex-direction: row; gap: 15px; padding: 0px 30px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 0px 0px;}.call-to-action .call-to-action-img img{width: 120px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.call-to-action #scroll-down{width: 30px; position: absolute; bottom: 10px; right: 50%; transform: translateX(50%) !important; cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 20px;}.why-odex .why-odex-elements .why-odex-element{width: 230px; height: auto; background-color: white; padding: 30px 12px; border-radius: 25px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 0px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 16px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-solutions .solutions .solution{width: 250px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 20px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 16px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-services-home .services .service{width: 250px; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 20px 30px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 60px; flex-direction: column;}.our-integrations-home .integrations-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 180px; height: 180px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 90px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 90px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 90px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 90px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg) !important; transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 16px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 20px; text-align: center;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 50px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 13px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 3px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 20px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 25px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin: 0px auto 25px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 25px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 50px 20px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch; flex-direction: column; gap: 60px;}.our-success .our-success-message{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 30px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 26px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 20px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 100%; height: auto; display: flex; justify-content: center;}.our-success .our-success-values-container .our-success-values{width: 200px; height: 200px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 16px; font-weight: 600; color: white; text-align: center; margin-bottom: 0px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 12px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 35px 35px 35px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 35px 0px 35px 35px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 35px 35px 35px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 35px 35px 0px 35px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 20px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; display: flex; flex-direction: column; align-items: center; padding: 20px; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 20px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: none;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 13px; font-weight: 500; color: white; text-align: center;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 13px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 13px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 13px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 13px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 250px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 0px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 13px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10; display: none;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 52%; height: auto; padding-inline-start: 50px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translateX(-10px);}.call-to-action #scroll-down{width: 40px; position: absolute; bottom: 60px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 50px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 0px;}.why-odex .why-odex-elements .why-odex-element{width: 280px; height: auto; background-color: white; padding: 30px 15px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 30px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 20px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 50px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 45%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 80px; height: 80px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px; z-index: 1;}.our-solutions .solutions .solution .solution-name{font-size: 20px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px; z-index: 1;}.our-solutions .solutions .solution .solution-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; z-index: 1;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: 1px solid #137DC5; opacity: 1; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 50px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 45%; height: 180px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 60px 50px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 20px;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 220px; height: 220px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 110px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 110px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 110px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 110px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 26px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 30px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 120px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 16px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 50px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 60px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 60px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 115px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 90px; height: 90px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 60px 50px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.our-success .our-success-message .our-success-one{font-size: 40px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 37px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 27px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 300px; height: 300px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 22px; font-weight: 600; color: white; text-align: center; margin-bottom: 10px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 16px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 60px 60px 60px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 60px 0px 60px 60px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 60px 60px 60px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 60px 60px 0px 60px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 50px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; display: flex; flex-direction: column; align-items: center; padding: 35px; margin-bottom: 60px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 30px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 25px; height: 25px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -37.5px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 100px; height: 1px; background-color: white; position: absolute; top: 50%; right: -150px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 18px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 19px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 19px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 18px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 18px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 30px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 400px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 19px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 120px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 18px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 52%; height: auto; padding-inline-start: 80px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translateX(-10px);}.call-to-action #scroll-down{width: 34px; position: absolute; bottom: 55px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: auto !important; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 80px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.why-odex .why-odex-elements .why-odex-element{width: 30%; height: auto; background-color: white; padding: 30px 15px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 18px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 80px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 14px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 32%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 70px; height: 70px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 80px; height: 1px; background-color: #AAABAB; margin-bottom: 5px;}.our-solutions .solutions .solution .solution-name{font-size: 18px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.our-solutions .solutions .solution .solution-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 0; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 80px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 45%; height: 170px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 70px 80px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 20px;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 230px; height: 230px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 115px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 115px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 115px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 115px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 20px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 30px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 120px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 0px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 80px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 14px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 50px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 80px; height: 80px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 60px 80px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.our-success .our-success-message .our-success-one{font-size: 40px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 36px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 26px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 320px; height: 320px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 25px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 20px; font-weight: 600; color: white; text-align: center; margin-bottom: 10px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 14px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 67px 67px 67px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 67px 0px 67px 67px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 67px 67px 67px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 67px 67px 0px 67px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 80px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; display: flex; flex-direction: column; align-items: center; padding: 30px; margin-bottom: 60px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 30px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 30px; height: 30px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -45px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 120px; height: 1px; background-color: white; position: absolute; top: 50%; right: -180px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 14px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 14px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 14px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 13px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 13px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 26px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 450px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 40px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 120px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 13px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 52%; height: auto; padding-inline-start: 110px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translateX(-10px);}.call-to-action #scroll-down{width: 34px; position: absolute; bottom: 55px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: 680px; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 110px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.why-odex .why-odex-elements .why-odex-element{width: 30%; height: auto; background-color: white; padding: 30px 15px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 32px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 20px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 110px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 100px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 31%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 80px; height: 80px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 120px; height: 1px; background-color: #AAABAB; margin-bottom: 5px;}.our-solutions .solutions .solution .solution-name{font-size: 20px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.our-solutions .solutions .solution .solution-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 0; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 110px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 30%; height: 175px; background-color: white; padding: 30px 15px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 100px 110px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 20px;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 280px; height: 280px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 140px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 140px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 140px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 140px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 22px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 120px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 30px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 110px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 50px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 100px; height: 100px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 60px 110px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 50px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 45px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 33px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 350px; height: 350px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784); gap: 8px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 22px; font-weight: 600; color: white; text-align: center; margin-bottom: 10px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 14px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 67px 67px 67px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 67px 0px 67px 67px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 67px 67px 67px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 67px 67px 0px 67px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 110px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; display: flex; flex-direction: column; align-items: center; padding: 30px; margin-bottom: 60px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 40px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 35px; height: 35px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -60px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 140px; height: 1px; background-color: white; position: absolute; top: 50%; right: -217.5px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 15px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 16px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 16px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 14px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 14px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 40px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 450px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 65px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 250px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 14px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 52%; height: auto; padding-inline-start: 135px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translateX(-10px);}.call-to-action #scroll-down{width: 34px; position: absolute; bottom: 55px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: 660px; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 135px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.why-odex .why-odex-elements .why-odex-element{width: 15%; height: auto; background-color: white; padding: 30px 15px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 16px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 35px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 20px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 40px 135px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.our-solutions .section-title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 160px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 31%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 80px; height: 80px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 120px; height: 1px; background-color: #AAABAB; margin-bottom: 5px;}.our-solutions .solutions .solution .solution-name{font-size: 20px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.our-solutions .solutions .solution .solution-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: 1px solid #137DC5; opacity: 0; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 135px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 30%; height: 170px; background-color: white; padding: 30px 20px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 100px 135px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; gap: 20px;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 300px; height: 300px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 150px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 150px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 150px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 150px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 26px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 120px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 30px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 135px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 60px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 100px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 60px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 100px; height: 100px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 60px 135px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 50px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 45px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 33px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 350px; height: 350px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784); gap: 10px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 24px; font-weight: 600; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 14px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 67px 67px 67px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 67px 0px 67px 67px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 67px 67px 67px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 67px 67px 0px 67px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 135px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; display: flex; flex-direction: column; align-items: center; padding: 30px; margin-bottom: 60px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 40px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 35px; height: 35px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -60px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 140px; height: 1px; background-color: white; position: absolute; top: 50%; right: -217.5px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 16px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 16px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 16px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 14px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 80px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 14px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 12px; border-radius: 18px 18px 0px 18px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 16px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 40px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 450px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 65px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 250px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 14px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1366px) and (max-device-height: 620px){.call-to-action{height: 135vh !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 50%; height: auto; padding-inline-start: 180px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 22px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translateX(-30px);}.call-to-action #scroll-down{width: 38px; position: absolute; bottom: 55px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: 700px; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 180px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.why-odex .why-odex-elements .why-odex-element{width: 15%; height: auto; background-color: white; padding: 30px 20px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 15px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 35px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 22px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 50px 180px 20px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 40px;}.our-solutions .section-title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 31%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 120px; height: 1px; background-color: #AAABAB; margin-bottom: 5px;}.our-solutions .solutions .solution .solution-name{font-size: 22px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.our-solutions .solutions .solution .solution-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5; opacity: 0; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 180px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 30%; height: 185px; background-color: white; padding: 30px 20px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 120px 180px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 320px; height: 320px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 160px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 160px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 160px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 160px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 28px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 150px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 16px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 100px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 60px 180px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 60px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 100px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 60px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 100px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 100px; height: 100px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 100px 180px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 54px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 49px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 36px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 350px; height: 350px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 60%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 24px; font-weight: 600; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 16px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 67px 67px 67px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 67px 0px 67px 67px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 67px 67px 67px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 67px 67px 0px 67px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 200px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; display: flex; flex-direction: column; align-items: center; padding: 40px; margin-bottom: 80px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 44px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 45px; height: 45px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -75px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 150px; height: 1px; background-color: white; position: absolute; top: 50%; right: -255px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 15px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 17px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 17px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 16px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 100px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 16px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 24px 24px 0px 24px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 24px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 40px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 500px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 80px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 18px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 15px; text-align: center; padding: 0px 250px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 16px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 8%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 50%; height: auto; padding-inline-start: 200px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translateX(-30px);}.call-to-action #scroll-down{width: 40px; position: absolute; bottom: 55px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: 650px; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 200px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.why-odex .why-odex-elements .why-odex-element{width: 15%; height: auto; background-color: white; padding: 30px 20px; border-radius: 38px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 15px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 35px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 24px; font-weight: 500; color: #022D49; text-transform: initial;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 100px 200px 30px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 40px;}.our-solutions .section-title-container .secondary-title{font-size: 18px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 28%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 120px; height: 1px; background-color: #AAABAB; margin-bottom: 5px;}.our-solutions .solutions .solution .solution-name{font-size: 26px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.our-solutions .solutions .solution .solution-description{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5; opacity: 0; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 200px 100px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 28%; height: 195px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services-home .services .service .service-description{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 140px 200px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 400px; height: 400px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 200px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 200px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 200px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 200px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 32px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 120px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 18px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 100px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 100px 200px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 80px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 80px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 110px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 120px; height: 120px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 100px 200px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.our-success .our-success-message .our-success-one{font-size: 54px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 49px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 36px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 400px; height: 400px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 60%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784);}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 26px; font-weight: 600; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 18px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 67px 67px 67px; top: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 67px 0px 67px 67px; top: -5%; left: -5%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 67px 67px 67px 0px; bottom: -5%; right: -5%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 67px 67px 0px 67px; bottom: -5%; left: -5%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 50px 200px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; display: flex; flex-direction: column; align-items: center; padding: 40px; margin-bottom: 80px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 50px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 60px; height: 60px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -90px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 150px; height: 1px; background-color: white; position: absolute; top: 50%; right: -270px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 15px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 17px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 17px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 15px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 100px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 15px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 24px 24px 0px 24px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 24px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 44px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 44px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 600px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 80px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 18px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 20px; text-align: center; padding: 0px 350px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 20px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 16px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 10%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 50%; height: auto; padding-inline-start: 250px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 28px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 18px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translateX(-30px);}.call-to-action #scroll-down{width: 55px; position: absolute; bottom: 60px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: 920px; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 250px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.why-odex .why-odex-elements .why-odex-element{width: 15%; height: auto; background-color: white; padding: 30px 22px; border-radius: 50px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 12px; border-radius: 20px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 50px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 28px; font-weight: 500; color: #022D49; text-transform: initial;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 100px 250px 50px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 80px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 50px;}.our-solutions .section-title-container .secondary-title{font-size: 22px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 28%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 30px;}.our-solutions .solutions .solution .solution-icon-container{width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 120px; height: 2px; background-color: #AAABAB; margin-bottom: 10px;}.our-solutions .solutions .solution .solution-name{font-size: 28px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 15px;}.our-solutions .solutions .solution .solution-description{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 35px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5; opacity: 0; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 250px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 80px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 28%; height: 230px; background-color: white; padding: 35px 25px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 28px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 35px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px !important;}.our-services-home .services .service .service-description{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 140px 250px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 450px; height: 450px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 225px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 225px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 225px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 225px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 34px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 180px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 22px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 20px 0px 100px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 100px 250px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 80px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin: 0px auto 30px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 22px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 80px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 140px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 140px; height: 140px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 140px 250px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.our-success .our-success-message .our-success-one{font-size: 68px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 62px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 46px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 500px; height: 500px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 1px solid white; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0901960784); gap: 10px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 34px; font-weight: 600; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 22px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 80px 80px 80px; top: -6%; right: -6%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 80px 0px 80px 80px; top: -6%; left: -6%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 80px 80px 80px 0px; bottom: -6%; right: -6%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 80px 80px 0px 80px; bottom: -6%; left: -6%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 80px 250px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 60px; display: flex; flex-direction: column; align-items: center; padding: 60px 40px; margin-bottom: 80px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 58px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 70px; height: 70px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -105px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 180px; height: 1px; background-color: white; position: absolute; top: 50%; right: -330px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 26px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 26px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 26px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 23px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 100px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 23px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 30px 30px 0px 30px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 8px 24px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.subscribe-and-reviews .reviews-title p{font-size: 52px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 52px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 800px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 80px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 26px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 20px; text-align: center; padding: 0px 350px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 20px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 24px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 70px; height: 70px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 41%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 66%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 21%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 10%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 3840px){.call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/call-to-action-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.call-to-action .content-home{width: 50%; height: auto; padding-inline-start: 400px !important;}.call-to-action .content-home .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 40px;}.call-to-action .content-home .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.call-to-action .content-home .call-to-action-headline .slogan{font-size: 50px; font-weight: 700; color: #001B2D; text-transform: initial;}.call-to-action .content-home .call-to-action-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.call-to-action .content-home .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.call-to-action .content-home .call-to-action-buttons .create-your-system{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.call-to-action .content-home .call-to-action-buttons .create-your-system:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.call-to-action .content-home .call-to-action-buttons .calendar-btn{font-size: 30px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.call-to-action .call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.call-to-action .call-to-action-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translateX(-30px);}.call-to-action #scroll-down{width: 80px; position: absolute; bottom: 70px; right: 50%; transform: translateX(50%); cursor: pointer;}.why-odex{width: 100%; height: 1350px; background-image: url(/odex_website/static/src/css/../../img/why-odex.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 400px;}.why-odex .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.why-odex .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.why-odex .why-odex-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.why-odex .why-odex-elements .why-odex-element{width: 15%; height: auto; background-color: white; padding: 40px 30px; border-radius: 80px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none; transform: scale(0.9);}.why-odex .why-odex-elements .why-odex-element .why-odex-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder{width: auto; height: auto; display: flex; justify-content: center; align-items: center; padding: 16px; border-radius: 30px; background-color: transparent; transition: background-color 0.5s ease-in-out;}.why-odex .why-odex-elements .why-odex-element .why-odex-title .img-holder img{width: 80px; -o-object-fit: cover; object-fit: cover;}.why-odex .why-odex-elements .why-odex-element .why-odex-title p{font-size: 50px; font-weight: 500; color: #022D49; text-transform: initial;}.why-odex .why-odex-elements .why-odex-element .why-odex-description{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}.our-solutions{width: 100%; height: auto; padding: 100px 400px 50px; background-color: #FCFCFC;}.our-solutions .section-title-container{width: 100%; height: auto; margin-bottom: 120px; display: flex; flex-direction: column; align-items: center;}.our-solutions .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px; text-align: center;}.our-solutions .section-title-container .secondary-title{font-size: 34px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.our-solutions .solutions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-solutions .solutions .solution{width: 28%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 50px 40px; margin-bottom: 80px; position: relative; border-radius: 30px;}.our-solutions .solutions .solution .solution-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #F8F8F8; border: 0.5px solid #E3E4E4; border-radius: 50px;}.our-solutions .solutions .solution .solution-icon-container{width: 160px; height: 160px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 40px; z-index: 1;}.our-solutions .solutions .solution .solution-icon-container img{width: 80%; transform: scale(1);}.our-solutions .solutions .solution #solution-divider{width: 200px; height: 4px; background-color: #AAABAB; margin-bottom: 15px;}.our-solutions .solutions .solution .solution-name{font-size: 50px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.our-solutions .solutions .solution .solution-description{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 50px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-solutions .solutions .solution .buttons-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.our-solutions .solutions .solution .buttons-actions a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: transparent; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: 1px solid #137DC5; opacity: 0; z-index: 1;}.our-solutions .solutions .solution .buttons-actions a:nth-child(2){background-color: #137DC5; color: white;}.our-services-home{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 400px;}.our-services-home .section-title-container{width: 100%; height: auto; margin-bottom: 80px;}.our-services-home .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.our-services-home .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services-home .services .service{width: 28%; height: 360px; background-color: white; padding: 50px 35px; border-radius: 70px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 60px; position: relative; outline: none;}.our-services-home .services .service:hover{box-shadow: none; outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services-home .services .service .service-title{font-size: 50px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services-home .services .service .service-title img{width: 60px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 30px !important;}.our-services-home .services .service .service-description{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services-home .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 4px; height: 50%; background-color: #137DC5;}.our-integrations-home{width: 100%; height: auto; padding: 200px 400px; background-image: url(/odex_website/static/src/css/../../img/our-integrations.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.our-integrations-home .integrations-container .integrations{width: 600px; height: 600px; position: relative; transform: rotate(-45deg);}.our-integrations-home .integrations-container .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 300px; position: absolute; top: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-one:hover{transform: scale(1.2); transform-origin: left bottom;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-one .integrations-one-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 300px; position: absolute; top: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-two:hover{transform: scale(1.2); transform-origin: right bottom;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 75%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-two .integrations-two-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 30%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 300px; position: absolute; bottom: -8%; right: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-three:hover{transform: scale(1.2); transform-origin: top left;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; right: 30%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-three .integrations-three-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; right: 75%; transform: translate(50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 300px; position: absolute; bottom: -8%; left: -8%; transition: transform 0.3s ease-in-out, transform-origin 0.3s ease-in-out; cursor: pointer;}.our-integrations-home .integrations-container .integrations .integrations-four:hover{transform: scale(1.2); transform-origin: right top;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app1{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app2{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 25%; left: 30%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-container .integrations .integrations-four .integrations-four-app3{width: 40%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 70%; left: 75%; transform: translate(-50%, -50%) rotate(45deg); transform-origin: center;}.our-integrations-home .integrations-descriptions-container{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}.our-integrations-home .integrations-descriptions-container .section-title{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .section-title p{font-size: 60px; font-weight: 700; color: white; text-transform: initial; margin-bottom: 40px; text-align: start;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions{width: 100%; height: auto;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message{width: 100%; height: auto; min-height: 180px;}.our-integrations-home .integrations-descriptions-container .integrations-descriptions .inner-message p{font-size: 34px; font-weight: 300; color: white; text-transform: initial; margin-bottom: 10px; text-align: start; border-right: 4px solid white; padding: 0px 40px 0px 100px; display: flex;}.our-clients-home, .our-partners-container{width: 100%; height: auto; padding: 100px 400px; background-color: #FCFCFC;}.our-clients-home .section-title-container, .our-partners-container .section-title-container{width: 100%; height: auto; margin-bottom: 120px;}.our-clients-home .section-title-container .title, .our-partners-container .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin: 0px auto 40px;}.our-clients-home .section-title-container .secondary-title, .our-partners-container .section-title-container .secondary-title{font-size: 34px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.our-clients-home .swiper.clients-home, .our-clients-home .swiper.our-partners, .our-partners-container .swiper.clients-home, .our-partners-container .swiper.our-partners{width: 100%; height: 100%; background-color: transparent; margin-bottom: 120px;}.our-clients-home .swiper.clients-home .swiper-wrapper, .our-clients-home .swiper.our-partners .swiper-wrapper, .our-partners-container .swiper.clients-home .swiper-wrapper, .our-partners-container .swiper.our-partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 200px;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide{background: transparent; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container{width: 200px; height: 200px; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; align-items: center;}.our-clients-home .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-clients-home .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.clients-home .swiper-wrapper .swiper-slide .client-container img, .our-partners-container .swiper.our-partners .swiper-wrapper .swiper-slide .client-container img{display: block; width: 80%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-prev.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation:after, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation:after{content: "";}.our-clients-home .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.clients-home .swiper-button-next.partners-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-clients-home .swiper.our-partners .swiper-button-next.partners-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.clients-home .swiper-button-next.partners-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.clients-home-navigation img, .our-partners-container .swiper.our-partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.our-clients-home .partners-action-btn, .our-partners-container .partners-action-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-clients-home .partners-action-btn a, .our-partners-container .partners-action-btn a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.our-success{width: 100%; height: auto; padding: 200px 400px; background-image: url(/odex_website/static/src/css/../../img/our-success.png); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: stretch;}.our-success .our-success-message{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px;}.our-success .our-success-message .our-success-one{font-size: 90px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-message .our-success-two{font-size: 82px; font-weight: 700; color: #137DC5; line-height: 1;}.our-success .our-success-message .our-success-three{font-size: 60px; font-weight: 700; color: #022D49; line-height: 1;}.our-success .our-success-values-container{width: 50%; height: auto;}.our-success .our-success-values-container .our-success-values{width: 650px; height: 650px; position: relative;}.our-success .our-success-values-container .our-success-values .our-success-bg{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); width: 65%; -o-object-fit: cover; object-fit: cover;}.our-success .our-success-values-container .our-success-values .our-success-box{width: 50%; height: 50%; background-color: transparent; padding: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; -webkit-backdrop-filter: blur(29px); backdrop-filter: blur(29px); border: 2px solid white; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0901960784); gap: 15px;}.our-success .our-success-values-container .our-success-values .our-success-box .counter{font-size: 50px; font-weight: 600; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .our-success-box .counter-description-inner{font-size: 34px; font-weight: 300; color: white; text-align: center;}.our-success .our-success-values-container .our-success-values .top-left{border-radius: 0px 120px 120px 120px; top: -6%; right: -6%;}.our-success .our-success-values-container .our-success-values .top-right{border-radius: 120px 0px 120px 120px; top: -6%; left: -6%;}.our-success .our-success-values-container .our-success-values .bottom-left{border-radius: 120px 120px 120px 0px; bottom: -6%; right: -6%;}.our-success .our-success-values-container .our-success-values .bottom-right{border-radius: 120px 120px 0px 120px; bottom: -6%; left: -6%;}.subscribe-and-reviews{width: 100%; height: auto; padding: 80px 400px 0px; background-color: #FFFFFF;}.subscribe-and-reviews .subscribe-container{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/subscribe.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 80px; display: flex; flex-direction: column; align-items: center; padding: 100px 40px; margin-bottom: 80px;}.subscribe-and-reviews .subscribe-container .main-title{width: -moz-max-content; width: max-content; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 60px;}.subscribe-and-reviews .subscribe-container .main-title p{font-size: 70px; font-weight: 500; color: white; position: relative;}.subscribe-and-reviews .subscribe-container .main-title p::before{content: ""; width: 80px; height: 80px; background-image: url("/odex_website/static/src/css/../../img/subscribe-icon.png"); background-size: cover; position: absolute; top: 50%; right: -120px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .main-title p::after{content: ""; width: 250px; height: 2px; background-color: white; position: absolute; top: 50%; right: -405px; transform: translateY(-50%); display: block;}.subscribe-and-reviews .subscribe-container .secondary-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 70px;}.subscribe-and-reviews .subscribe-container .secondary-title p{font-size: 40px; font-weight: 500; color: white;}.subscribe-and-reviews .subscribe-container .subscribe-form{width: 100%; height: auto;}.subscribe-and-reviews .subscribe-container .subscribe-form form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 80px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-title p{font-size: 40px; font-weight: 300; color: white; line-height: 1;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select{width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid white; padding: 4px 0px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select{background-color: transparent; border: none; outline: none; color: rgba(255, 255, 255, 0.6901960784); font-size: 40px; font-weight: 300; font-family: "Madani Arabic", sans-serif !important;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-select select option{color: #001B2D; font-size: 36px;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action{width: 100px; height: auto; display: flex; justify-content: center; align-items: center;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn{font-size: 36px; font-weight: 300; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out; border: none; outline: none; cursor: pointer;}.subscribe-and-reviews .subscribe-container .subscribe-form form .form-action #subscribe_now_btn:hover{background-color: white; color: #137DC5; padding: 12px 36px; font-weight: 500; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, padding 0.2s ease-in-out;}.subscribe-and-reviews .reviews-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.subscribe-and-reviews .reviews-title p{font-size: 70px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 10px; text-align: center;}.subscribe-and-reviews .reviews-title p span{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 14px !important;}.subscribe-and-reviews .swiper.reviews{width: 100%; height: 1100px; background-color: transparent;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 80px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide{background: transparent; position: relative; background-image: url(/odex_website/static/src/css/../../img/map.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: white;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container{width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 120px; right: 0;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .review-message{font-size: 42px; font-weight: 500; color: #606060; text-transform: initial; margin-bottom: 40px; text-align: center; padding: 0px 650px;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-name{font-size: 36px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 40px; text-align: center;}.subscribe-and-reviews .swiper.reviews .swiper-wrapper .swiper-slide .review-container .reviewer-position{font-size: 36px; font-weight: 500; color: #022D49; text-transform: initial; text-align: center;}.subscribe-and-reviews .swiper.reviews .custom-pagination{display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; padding: 20px 0; background: transparent; z-index: 10;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item{width: 80px; height: 80px; border-radius: 50%; cursor: pointer; overflow: hidden; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item:hover{width: 100px; height: 100px; border: 4px solid #137DC5; transition: width 0.2s ease-in-out, height 0.2s ease-in-out;}.subscribe-and-reviews .swiper.reviews .custom-pagination .custom-pagination-item img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; background-color: white;}.subscribe-and-reviews .swiper.reviews .custom-pagination #client1{position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client2{position: absolute; top: 45%; right: 75%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client3{position: absolute; top: 25%; right: 85%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client4{position: absolute; top: 65%; right: 90%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client5{position: absolute; top: 45%; right: 30%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client6{position: absolute; top: 20%; right: 20%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination #client7{position: absolute; top: 65%; right: 10%; transform: translate(50%, -50%);}.subscribe-and-reviews .swiper.reviews .custom-pagination .active{width: 100px; height: 100px; border: 4px solid #137DC5;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-prev img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients-home .swiper .swiper-button-next img, #wrapwrap.o_rtl main #wrap .our-partners-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}.reviews-title, .swiper.reviews{display: none !important;}#wrapwrap.o_rtl main #wrap .call-to-action .call-to-action-img img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .our-success{background-image: url(/odex_website/static/src/css/../../img/our-success-flip.png) !important;}.our-partners-container{background-color: #E7F2F9 !important;} /* /odex_website/static/src/css/pharma_new.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.solutions-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.solutions-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 20px 15px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.solutions-call-to-action .call-to-action-img img{width: 100px; -o-object-fit: cover; object-fit: cover;}.pharma-key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 160px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 100%; height: 160px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; gap: 35px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 95%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 150px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 16px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 15px; height: 15px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 40px 20px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: 100%;}.inventory-features-container .inventory-feature:nth-child(3){width: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 30px 20px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 20px;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 13px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 0px !important;}.tech-integration-container .tech-integration{width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}.tech-integration-container .tech-integration #tech-integration{display: none;}.tech-integration-container .tech-integration .tech-integration-sm-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.tech-integration-container .tech-integration .tech-integration-sm-container img{width: 230px;}.tech-integration-container .tech-integration .tech-element-container{width: 45%; height: auto; margin-bottom: 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: 70px; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 10px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd, .tech-integration-container .tech-integration .tech-between, .tech-integration-container .tech-integration .tech-zakat, .tech-integration-container .tech-integration .tech-whatsapp, .tech-integration-container .tech-integration .tech-payment-gateways{position: initial !important; width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways{width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: start;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 55%; -o-object-fit: contain; object-fit: contain; margin-top: -10px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 160px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.solutions-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.solutions-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 17px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.solutions-call-to-action .call-to-action-img img{width: 170px; -o-object-fit: cover; object-fit: cover;}.pharma-key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 200px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 100%; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 50px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 90%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 20px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 16px; height: 16px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 20px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: 100%;}.inventory-features-container .inventory-feature:nth-child(3){width: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 40px 20px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 20px;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 14px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 0px !important;}.tech-integration-container .tech-integration{width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}.tech-integration-container .tech-integration #tech-integration{display: none;}.tech-integration-container .tech-integration .tech-integration-sm-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.tech-integration-container .tech-integration .tech-integration-sm-container img{width: 280px;}.tech-integration-container .tech-integration .tech-element-container{width: 45%; height: auto; margin-bottom: 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: 70px; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 10px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd, .tech-integration-container .tech-integration .tech-between, .tech-integration-container .tech-integration .tech-zakat, .tech-integration-container .tech-integration .tech-whatsapp, .tech-integration-container .tech-integration .tech-payment-gateways{position: initial !important; width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways{width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: start;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 50%; -o-object-fit: contain; object-fit: contain; margin-top: -10px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 220px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.solutions-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.solutions-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.solutions-call-to-action .call-to-action-img img{width: 160px; -o-object-fit: cover; object-fit: cover;}.pharma-key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 200px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 100%; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 50px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 90%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 20px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 16px; height: 16px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 40px 20px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: 100%;}.inventory-features-container .inventory-feature:nth-child(3){width: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 40px 20px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 20px;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 13px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 0px !important;}.tech-integration-container .tech-integration{width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}.tech-integration-container .tech-integration #tech-integration{display: none;}.tech-integration-container .tech-integration .tech-integration-sm-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.tech-integration-container .tech-integration .tech-integration-sm-container img{width: 280px;}.tech-integration-container .tech-integration .tech-element-container{width: 45%; height: auto; margin-bottom: 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: 70px; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 10px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd, .tech-integration-container .tech-integration .tech-between, .tech-integration-container .tech-integration .tech-zakat, .tech-integration-container .tech-integration .tech-whatsapp, .tech-integration-container .tech-integration .tech-payment-gateways{position: initial !important; width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways{width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: start;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 50%; -o-object-fit: contain; object-fit: contain; margin-top: -10px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 200px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.solutions-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.solutions-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.solutions-call-to-action .call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover;}.pharma-key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 180px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 100%; height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 40px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 90%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 18px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 16px; height: 16px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 40px 20px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: 100%;}.inventory-features-container .inventory-feature:nth-child(3){width: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 40px 20px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 13px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 0px !important;}.tech-integration-container .tech-integration{width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}.tech-integration-container .tech-integration #tech-integration{display: none;}.tech-integration-container .tech-integration .tech-integration-sm-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.tech-integration-container .tech-integration .tech-integration-sm-container img{width: 260px;}.tech-integration-container .tech-integration .tech-element-container{width: 45%; height: auto; margin-bottom: 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 15px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: 70px; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 10px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd, .tech-integration-container .tech-integration .tech-between, .tech-integration-container .tech-integration .tech-zakat, .tech-integration-container .tech-integration .tech-whatsapp, .tech-integration-container .tech-integration .tech-payment-gateways{position: initial !important; width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways{width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: start;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 50%; -o-object-fit: contain; object-fit: contain; margin-top: -10px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 180px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 421px) and (max-width: 767px){.solutions-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.solutions-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 50px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.solutions-call-to-action .call-to-action-img img{width: 220px; -o-object-fit: cover; object-fit: cover;}.pharma-key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 230px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 100%; height: 230px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px; gap: 50px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 90%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 230px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal; text-align: start;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 20px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 18px; height: 18px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 40px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: 100%;}.inventory-features-container .inventory-feature:nth-child(3){width: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 60px 40px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 15px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 40px !important;}.tech-integration-container .tech-integration{width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}.tech-integration-container .tech-integration #tech-integration{display: none;}.tech-integration-container .tech-integration .tech-integration-sm-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.tech-integration-container .tech-integration .tech-integration-sm-container img{width: 300px;}.tech-integration-container .tech-integration .tech-element-container{width: 45%; height: auto; margin-bottom: 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: 70px; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 10px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd, .tech-integration-container .tech-integration .tech-between, .tech-integration-container .tech-integration .tech-zakat, .tech-integration-container .tech-integration .tech-whatsapp, .tech-integration-container .tech-integration .tech-payment-gateways{position: initial !important;}.tech-integration-container .tech-integration .tech-payment-gateways{width: 100%;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: start;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 50%; -o-object-fit: contain; object-fit: contain; margin-top: -10px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 240px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 768px) and (max-width: 1024px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 40px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.solutions-call-to-action #scroll-down{width: 18px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 165px; height: 165px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 40px; gap: 50px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 65%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 24px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 20px; height: 20px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 40px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 35px 0px; margin-bottom: 30px; gap: 10px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 30px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 30px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 40px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 60px 50px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 15px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 40px !important;}.tech-integration-container .tech-integration{width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}.tech-integration-container .tech-integration #tech-integration{display: none;}.tech-integration-container .tech-integration .tech-integration-sm-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.tech-integration-container .tech-integration .tech-integration-sm-container img{width: 335px;}.tech-integration-container .tech-integration .tech-element-container{width: 45%; height: auto; margin-bottom: 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 17px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 20px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd, .tech-integration-container .tech-integration .tech-between, .tech-integration-container .tech-integration .tech-zakat, .tech-integration-container .tech-integration .tech-whatsapp, .tech-integration-container .tech-integration .tech-payment-gateways{position: initial !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: start;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .attract-customer .attract-customer-info p{padding-inline-end: 55px;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 40%; -o-object-fit: contain; object-fit: contain; margin-top: -30px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 85%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 380px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.pharma-key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 180px; height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; gap: 40px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 50%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 24px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 20px; height: 20px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 60px 50px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 16px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 40px !important;}.tech-integration-container .tech-integration{width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}.tech-integration-container .tech-integration #tech-integration{display: none;}.tech-integration-container .tech-integration .tech-integration-sm-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.tech-integration-container .tech-integration .tech-integration-sm-container img{width: 370px;}.tech-integration-container .tech-integration .tech-element-container{width: 45%; height: auto; margin-bottom: 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 20px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd, .tech-integration-container .tech-integration .tech-between, .tech-integration-container .tech-integration .tech-zakat, .tech-integration-container .tech-integration .tech-whatsapp, .tech-integration-container .tech-integration .tech-payment-gateways{position: initial !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: start;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 30%; -o-object-fit: contain; object-fit: contain; margin-top: -30px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 75%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 400px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.solutions-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.solutions-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 190px 0px 20px;}.solutions-call-to-action .call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.solutions-call-to-action #scroll-down{width: 15px; position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 30px 40px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.pharma-key-features-container .title-container .main-title span{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 0px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 160px; height: 160px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; gap: 30px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 70%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 270px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 24px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 18px; height: 18px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 32%; -o-object-fit: contain; object-fit: contain; margin-top: -10px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll; padding: 15px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 100%;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (max-width: 699px) and (max-device-height: 550px){.solutions-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.solutions-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 190px 0px 20px;}.solutions-call-to-action .call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.solutions-call-to-action #scroll-down{width: 15px; position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 30px 40px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .main-title{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.pharma-key-features-container .title-container .main-title span{font-size: 22px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 0px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 140px; height: 140px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; gap: 30px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 70%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 240px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 24px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 18px; height: 18px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 40%; -o-object-fit: contain; object-fit: contain; margin-top: -10px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll; padding: 15px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 100%;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (max-width: 699px) and (max-device-height: 319px){.solutions-call-to-action{width: 100%; height: 115vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.solutions-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 20px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 100px 0px 20px;}.solutions-call-to-action .call-to-action-img img{width: 100px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.solutions-call-to-action #scroll-down{width: 15px; position: absolute; bottom: 20px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 30px 40px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .main-title{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.pharma-key-features-container .title-container .main-title span{font-size: 22px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 0px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 140px; height: 140px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; gap: 25px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 70%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 220px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content h1{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 10px; font-family: "Madani Arabic", sans-serif !important;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 22px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 16px; height: 16px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 40%; -o-object-fit: contain; object-fit: contain; margin-top: -10px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll; padding: 15px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 100%;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 50px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.solutions-call-to-action #scroll-down{width: 20px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 65px 50px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 185px; height: 185px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 50px; gap: 40px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 50%; height: auto; order: 2;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 26px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 20px; height: 20px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 10px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 60px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 90px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 60px 50px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 60px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 16px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 60px !important;}.tech-integration-container .tech-integration{width: 100%; height: auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}.tech-integration-container .tech-integration #tech-integration{display: none;}.tech-integration-container .tech-integration .tech-integration-sm-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.tech-integration-container .tech-integration .tech-integration-sm-container img{width: 460px;}.tech-integration-container .tech-integration .tech-element-container{width: 45%; height: auto; margin-bottom: 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd, .tech-integration-container .tech-integration .tech-between, .tech-integration-container .tech-integration .tech-zakat, .tech-integration-container .tech-integration .tech-whatsapp, .tech-integration-container .tech-integration .tech-payment-gateways{position: initial !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: start;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .attract-customer .attract-customer-info p{padding-inline-end: 55px;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-mobile-ar{width: 40%; -o-object-fit: contain; object-fit: contain; margin-top: -20px; display: initial !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 75%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 400px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1025px) and (max-width: 1200px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 80px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.solutions-call-to-action #scroll-down{width: 15px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 60px 80px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 185px; height: 185px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 80px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 40%; height: auto;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 260px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 20px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 18px; height: 18px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 80px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 35px 0px; margin-bottom: 35px; gap: 10px; border-radius: 16px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 60px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 90px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 40px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 70px 80px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 0px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 14px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 60px !important;}.tech-integration-container .tech-integration{width: 100%; height: 700px; position: relative;}.tech-integration-container .tech-integration #tech-integration{width: 550px; height: auto; position: absolute; right: 50%; bottom: 60px; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-integration-sm-container{display: none;}.tech-integration-container .tech-integration .tech-element-container{width: 32%; height: auto;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 22px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd{position: absolute; top: 150px; right: 0px;}.tech-integration-container .tech-integration .tech-between{position: absolute; top: 90px; right: 50%; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-zakat{position: absolute; top: 260px; left: 0px;}.tech-integration-container .tech-integration .tech-zakat .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-zakat .tech-element-description{text-align: end;}.tech-integration-container .tech-integration .tech-whatsapp{position: absolute; bottom: 0px; right: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways{position: absolute; bottom: 0px; left: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: end;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-en{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-ar{display: block; width: 100%; -o-object-fit: contain; object-fit: contain;}#wrapwrap.o_rtl main #wrap .attract-customer .attract-customer-info p{padding-inline-end: 25px;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 400px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1201px) and (max-width: 1365px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 110px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.solutions-call-to-action #scroll-down{width: 15px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 65px 110px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 200px; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 100px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 40%; height: auto;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 290px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 22px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 18px; height: 18px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 100px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 35px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 70px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 110px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 70px 110px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 0px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 14px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 80px !important;}.tech-integration-container .tech-integration{width: 100%; height: 700px; position: relative;}.tech-integration-container .tech-integration #tech-integration{width: 600px; height: auto; position: absolute; right: 50%; bottom: 40px; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-integration-sm-container{display: none;}.tech-integration-container .tech-integration .tech-element-container{width: 30%; height: auto;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 22px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd{position: absolute; top: 130px; right: 0px;}.tech-integration-container .tech-integration .tech-between{position: absolute; top: 70px; right: 50%; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-zakat{position: absolute; top: 260px; left: 0px;}.tech-integration-container .tech-integration .tech-zakat .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-zakat .tech-element-description{text-align: end;}.tech-integration-container .tech-integration .tech-whatsapp{position: absolute; bottom: 0px; right: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways{position: absolute; bottom: 0px; left: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-bottom: 10px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: end;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-en{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-ar{display: block; width: 100%; -o-object-fit: contain; object-fit: contain;}#wrapwrap.o_rtl main #wrap .attract-customer .attract-customer-info p{padding-inline-end: 50px;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 400px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1366px) and (max-width: 1599px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 135px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.solutions-call-to-action #scroll-down{width: 15px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 65px 135px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 75px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 200px; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 60px 135px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 40%; height: auto;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 26px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 19px; height: 19px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 135px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 70px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 110px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 70px 135px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 60px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 14px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 140px !important;}.tech-integration-container .tech-integration{width: 100%; height: 720px; position: relative;}.tech-integration-container .tech-integration #tech-integration{width: 650px; height: auto; position: absolute; right: 50%; bottom: 50px; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-integration-sm-container{display: none;}.tech-integration-container .tech-integration .tech-element-container{width: 30%; height: auto;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd{position: absolute; top: 90px; right: 0px;}.tech-integration-container .tech-integration .tech-between{position: absolute; top: 30px; right: 50%; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-zakat{position: absolute; top: 230px; left: 0px;}.tech-integration-container .tech-integration .tech-zakat .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-zakat .tech-element-description{text-align: end;}.tech-integration-container .tech-integration .tech-whatsapp{position: absolute; bottom: 0px; right: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways{position: absolute; bottom: 0px; left: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: end;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-en{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-ar{display: block; width: 100%; -o-object-fit: contain; object-fit: contain;}#wrapwrap.o_rtl main #wrap .attract-customer .attract-customer-info p{padding-inline-end: 65px;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 400px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1366px) and (max-device-height: 620px){.solutions-call-to-action{height: 135vh !important;}}@media screen and (min-width: 1366px) and (max-device-height: 750px){.solutions-call-to-action{height: 768px;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 180px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 22px; font-weight: 700; color: #001B2D; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.solutions-call-to-action #scroll-down{width: 17px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 70px 180px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 90px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 60px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 200px; height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 180px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 40%; height: auto;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 330px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 28px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 20px; height: 20px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 180px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 40px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 50px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 80px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 120px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(40px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 70px 180px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 60px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 16px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 140px !important;}.tech-integration-container .tech-integration{width: 100%; height: 750px; position: relative;}.tech-integration-container .tech-integration #tech-integration{width: 700px; height: auto; position: absolute; right: 50%; bottom: 50px; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-integration-sm-container{display: none;}.tech-integration-container .tech-integration .tech-element-container{width: 30%; height: auto;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd{position: absolute; top: 100px; right: 0px;}.tech-integration-container .tech-integration .tech-between{position: absolute; top: 50px; right: 50%; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-zakat{position: absolute; top: 250px; left: 0px;}.tech-integration-container .tech-integration .tech-zakat .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-zakat .tech-element-description{text-align: end;}.tech-integration-container .tech-integration .tech-whatsapp{position: absolute; bottom: 0px; right: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways{position: absolute; bottom: 0px; left: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: end;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-en{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-ar{display: block; width: 100%; -o-object-fit: contain; object-fit: contain;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 22px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 450px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1920px) and (max-width: 2559px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 200px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.solutions-call-to-action .call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.solutions-call-to-action #scroll-down{width: 17px; position: absolute; bottom: 30px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 100px 200px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 100px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 70px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 220px; height: 220px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 18px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 200px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 40%; height: auto;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 380px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 32px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 20px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 20px; height: 20px; margin-inline-end: 10px;}.pharma-solution-container .pharma-solution-content h3{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 200px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 50px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 50px 0px; margin-bottom: 50px; gap: 20px; border-radius: 24px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 100px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 150px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(50px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 70px 200px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 60px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 18px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 250px !important;}.tech-integration-container .tech-integration{width: 100%; height: 800px; position: relative;}.tech-integration-container .tech-integration #tech-integration{width: 820px; height: auto; position: absolute; right: 50%; bottom: 50px; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-integration-sm-container{display: none;}.tech-integration-container .tech-integration .tech-element-container{width: 25%; height: auto;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 25px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd{position: absolute; top: 90px; right: 0px;}.tech-integration-container .tech-integration .tech-between{position: absolute; top: 0px; right: 50%; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-zakat{position: absolute; top: 250px; left: 0px;}.tech-integration-container .tech-integration .tech-zakat .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-zakat .tech-element-description{text-align: end;}.tech-integration-container .tech-integration .tech-whatsapp{position: absolute; bottom: 0px; right: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways{position: absolute; bottom: 0px; left: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-bottom: 15px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: end;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-en{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-ar{display: block; width: 100%; -o-object-fit: contain; object-fit: contain;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 500px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 2560px) and (max-width: 3839px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 250px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 28px; font-weight: 700; color: #001B2D; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 18px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 28px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 12px;}.solutions-call-to-action .call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translate(75px, 60px);}.solutions-call-to-action #scroll-down{width: 25px; position: absolute; bottom: 35px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 100px 250px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 100px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 100px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 300px; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 40px; gap: 30px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 22px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 250px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 40%; height: auto;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 500px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 34px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 30px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 24px; height: 24px; margin-inline-end: 15px;}.pharma-solution-container .pharma-solution-content h3{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 50px 250px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 50px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 70px 0px; margin-bottom: 50px; gap: 20px; border-radius: 30px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 100px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 150px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(50px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 60px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 100px 250px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 80px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 22px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 350px !important;}.tech-integration-container .tech-integration{width: 100%; height: 900px; position: relative;}.tech-integration-container .tech-integration #tech-integration{width: 960px; height: auto; position: absolute; right: 50%; bottom: 50px; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-integration-sm-container{display: none;}.tech-integration-container .tech-integration .tech-element-container{width: 25%; height: auto;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 30px; -o-object-fit: contain; object-fit: contain; margin: 0px 15px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd{position: absolute; top: 60px; right: 0px;}.tech-integration-container .tech-integration .tech-between{position: absolute; top: 0px; right: 50%; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-zakat{position: absolute; top: 250px; left: 0px;}.tech-integration-container .tech-integration .tech-zakat .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-zakat .tech-element-description{text-align: end;}.tech-integration-container .tech-integration .tech-whatsapp{position: absolute; bottom: 0px; right: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways{position: absolute; bottom: 0px; left: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-bottom: 20px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: end;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-en{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-ar{display: block; width: 100%; -o-object-fit: contain; object-fit: contain;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 30px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 640px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 3840px){.solutions-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.solutions-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 400px;}.solutions-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}.solutions-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.solutions-call-to-action .main-content .call-to-action-headline .slogan{font-size: 50px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.solutions-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}.solutions-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.solutions-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 30px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.solutions-call-to-action .main-content .call-to-action-buttons .video img{width: 45px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 15px;}.solutions-call-to-action .call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: center; overflow: hidden;}.solutions-call-to-action .call-to-action-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translate(110px, 60px);}.solutions-call-to-action #scroll-down{width: 40px; position: absolute; bottom: 45px; right: 50%; transform: translateX(50%); cursor: pointer;}.pharma-key-features-container{width: 100%; height: auto; padding: 150px 400px; background-color: #FAFCFD;}.pharma-key-features-container .title-container{width: 100%; height: auto; margin-bottom: 150px; display: flex; justify-content: center;}.pharma-key-features-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px !important;}.pharma-key-features-container .pharma-key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.pharma-key-features-container .pharma-key-features .pharma-key-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 60px; margin-bottom: 150px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container{width: 450px; height: 450px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 80px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 50px; gap: 40px; background-color: white;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-img-container .pharma-key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p{font-size: 34px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.pharma-key-features-container .pharma-key-features .pharma-key-feature .pharma-key-feature-description p:nth-child(1){color: #137DC5;}.pharma-solution-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 400px; background-color: #FBFBFB;}.pharma-solution-container .pharma-solution-image{width: 40%; height: auto;}.pharma-solution-container .pharma-solution-image img{width: 100%; height: 750px; -o-object-fit: contain; object-fit: contain;}.pharma-solution-container .pharma-solution-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.pharma-solution-container .pharma-solution-content .title{width: 100%; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 40px !important;}.pharma-solution-container .pharma-solution-content .rsd-system{width: 100%; height: auto; font-size: 60px; font-weight: 600; color: #045992; display: flex; align-items: center; margin-bottom: 40px;}.pharma-solution-container .pharma-solution-content .rsd-system img{width: 38px; height: 38px; margin-inline-end: 20px;}.pharma-solution-container .pharma-solution-content h3{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}.inventory-features-container{width: 100%; height: auto; padding: 100px 400px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}.inventory-features-container .inventory-feature{width: calc(100% - 100px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 80px 0px; margin-bottom: 50px; gap: 50px; border-radius: 50px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}.inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 150px);}.inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 200px);}.inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}.inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(100px);}.inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 100px; text-align: justify;}.tech-integration-container{width: 100%; height: auto; padding: 150px 400px; background-color: #ECECEC;}.tech-integration-container .tech-integration-title{width: 100%; height: auto; margin-bottom: 120px; display: flex; flex-direction: column; align-items: center;}.tech-integration-container .tech-integration-title .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 40px !important;}.tech-integration-container .tech-integration-title .secondary-title{font-size: 34px; font-weight: normal; text-transform: initial; text-align: center; color: #AAABAB; padding: 0px 350px !important;}.tech-integration-container .tech-integration{width: 100%; height: 1650px; position: relative;}.tech-integration-container .tech-integration #tech-integration{width: 1750px; height: auto; position: absolute; right: 50%; bottom: 50px; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-integration-sm-container{display: none;}.tech-integration-container .tech-integration .tech-element-container{width: 25%; height: auto;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px !important; line-height: 1;}.tech-integration-container .tech-integration .tech-element-container .tech-element-title img{width: auto; height: 60px; -o-object-fit: contain; object-fit: contain; margin: 0px 30px;}.tech-integration-container .tech-integration .tech-element-container .tech-element-description{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: start;}.tech-integration-container .tech-integration .tech-rsd{position: absolute; top: 150px; right: 0px;}.tech-integration-container .tech-integration .tech-between{position: absolute; top: 0px; right: 50%; transform: translateX(50%);}.tech-integration-container .tech-integration .tech-zakat{position: absolute; top: 500px; left: 0px;}.tech-integration-container .tech-integration .tech-zakat .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-zakat .tech-element-description{text-align: end;}.tech-integration-container .tech-integration .tech-whatsapp{position: absolute; bottom: 0px; right: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways{position: absolute; bottom: 0px; left: 0px;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-title{justify-content: flex-end;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 35px; margin-bottom: 40px !important;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-payment-gateways-icons img{width: 65px; height: 65px; -o-object-fit: contain; object-fit: contain;}.tech-integration-container .tech-integration .tech-payment-gateways .tech-element-description{text-align: end;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-en{display: none;}#wrapwrap.o_rtl main #wrap .features-odex .features-odex-img-content .features-odex-img-ar{display: block; width: 100%; -o-object-fit: contain; object-fit: contain;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-prev img{transform: rotate(0deg) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .our-clients .swiper .swiper-button-next img{transform: rotate(0deg) !important;}.pharma-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.pharma-video-popup-container .pharma-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.pharma-video-popup-container .pharma-video-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 50px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container #pharma-video-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer; z-index: 10;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container{width: 100%; height: 950px;}.pharma-video-popup-container .pharma-video-popup-section .pharma-video-popup-section-container .pharma-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1882352941);}}#wrapwrap main #wrap .pharma-solution-container .pharma-solution-image img.img-en{display: flex;}#wrapwrap main #wrap .pharma-solution-container .pharma-solution-image img.img-ar{display: none;}#wrapwrap.o_rtl main #wrap .solutions-call-to-action .call-to-action-img img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .pharma-solution-container .pharma-solution-image img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .pharma-solution-container .pharma-solution-image img.img-en{display: none;}#wrapwrap.o_rtl main #wrap .pharma-solution-container .pharma-solution-image img.img-ar{display: flex; transform: initial !important;}#wrapwrap.o_rtl main #wrap .attract-customer .attract-customer-info{margin-inline-start: 0px !important;} /* /odex_website/static/src/css/charge-your-balance.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.charge-balance-header{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 20px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 25px 20px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 25px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 20px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 15px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 16px; height: 16px; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 100%; height: auto; background-color: #F6F8FA; border-radius: 25px; padding: 20px 15px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 13px; font-weight: 300; text-transform: initial; color: #828282; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px; font-size: 12px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 100%; height: 1px; background-color: #e3e4e4; transform: translateY(-15px); margin: 20px 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 40px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 20px 0px 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 18px; height: 18px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(50% - 10px); height: 50px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 40px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 30px; gap: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 100%; height: auto; padding: 20px; background-color: #F6F8FA; border-radius: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important; text-align: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 30px; gap: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 12px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 12px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 12px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4; display: none;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 5px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 100% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 60px; height: 60px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px; text-align: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 25px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 25px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.charge-balance-header{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 20px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 25px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 15px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 18px; height: 18px; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 22px; height: 22px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 100%; height: auto; background-color: #F6F8FA; border-radius: 25px; padding: 20px 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 14px; font-weight: 300; text-transform: initial; color: #828282; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 100%; height: 1px; background-color: #e3e4e4; transform: translateY(-15px); margin: 20px 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 40px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 20px 0px 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(50% - 15px); height: 55px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 40px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 40px; gap: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 100%; height: auto; padding: 20px; background-color: #F6F8FA; border-radius: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important; text-align: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 30px; gap: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4; display: none;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 15px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 100% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 75px; height: 75px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.charge-balance-header{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 20px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 25px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 15px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 18px; height: 18px; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 22px; height: 22px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 100%; height: auto; background-color: #F6F8FA; border-radius: 25px; padding: 20px 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 14px; font-weight: 300; text-transform: initial; color: #828282; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 100%; height: 1px; background-color: #e3e4e4; transform: translateY(-15px); margin: 20px 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 40px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 20px 0px 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 18px; height: 18px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(50% - 15px); height: 55px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 40px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 40px; gap: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 100%; height: auto; padding: 20px; background-color: #F6F8FA; border-radius: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important; text-align: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 30px; gap: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4; display: none;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 14px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 100% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 75px; height: 75px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -40px; left: 10px; width: 36px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -40px; left: 10px; width: 36px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.charge-balance-header{width: 100%; height: auto; padding: 25px 20px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 20px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 25px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 25px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 20px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 15px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 16px; height: 16px; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 100%; height: auto; background-color: #F6F8FA; border-radius: 25px; padding: 20px 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 13px; font-weight: 300; text-transform: initial; color: #828282; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 100%; height: 1px; background-color: #e3e4e4; transform: translateY(-15px); margin: 20px 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 40px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 20px 0px 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 18px; height: 18px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(50% - 10px); height: 55px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 40px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 40px; gap: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 100%; height: auto; padding: 20px; background-color: #F6F8FA; border-radius: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important; text-align: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 30px; gap: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4; display: none;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 14px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 5px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 100% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 70px; height: 70px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px; text-align: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: 10px; left: 15px; width: 35px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 17px; height: 17px; margin-inline-end: 8px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 421px) and (max-width: 767px){.charge-balance-header{width: 100%; height: auto; padding: 25px 40px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 40px 25px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 70%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 15px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 18px; height: 18px; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 22px; height: 22px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 100%; height: auto; background-color: #F6F8FA; border-radius: 25px; padding: 20px 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 14px; font-weight: 300; text-transform: initial; color: #828282; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 100%; height: 1px; background-color: #e3e4e4; transform: translateY(-15px); margin: 20px 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 40px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 20px 0px 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(50% - 15px); height: 60px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 50px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 40px; gap: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 100%; height: auto; padding: 20px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important; text-align: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 30px; gap: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 14px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4; display: none;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 15px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 100% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 80px; height: 80px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 20px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 768px) and (max-width: 1024px){.charge-balance-header{width: 100%; height: auto; padding: 25px 40px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 40px 25px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 32%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 15px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 18px; height: 18px; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 22px; height: 22px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 45%; height: 280px; background-color: #F6F8FA; border-radius: 25px; padding: 20px 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 14px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 1px; height: 230px; background-color: #e3e4e4; transform: translateY(-15px);}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 45%; height: 280px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 40px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 14px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 20px 0px 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 40px; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(25% - 15px); height: 60px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 50px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 40px; gap: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 100%; height: auto; padding: 40px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 14px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4; display: none;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 16px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1.2); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 70% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 90px; height: 90px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 25px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 25px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 22px 25px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 16px; height: 16px; margin-inline-end: 8px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.charge-balance-header{width: 100%; height: auto; padding: 25px 50px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 50px 25px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 20px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 20px; height: 20px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 28px; height: 28px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 47%; height: 280px; background-color: #F6F8FA; border-radius: 25px; padding: 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 16px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 1px; height: 230px; background-color: #e3e4e4; transform: translateY(-15px);}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 47%; height: 280px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 45px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 15px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 30px 0px 0px 30px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(25% - 25px); height: 65px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 50px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 47%; height: auto; padding: 30px 25px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 16px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 47%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 5px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 15px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1.2); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 50% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 90px; height: 90px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.charge-balance-header{width: 100%; height: auto; padding: 25px 80px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 80px 25px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 20px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 18px; height: 18px; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 24px; height: 24px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 45%; height: 280px; background-color: #F6F8FA; border-radius: 25px; padding: 20px 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 14px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 1px; height: 230px; background-color: #e3e4e4; transform: translateY(-15px);}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 45%; height: 280px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 40px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 13px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 20px 0px 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; gap: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(20% - 15px); height: 60px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 50px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 47%; height: auto; padding: 30px 20px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 8px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 47%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 5px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 50% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 90px; height: 90px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 40px; font-size: 13px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.charge-balance-header{width: 100%; height: auto; padding: 25px 110px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 110px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 20px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 20px; height: 20px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 28px; height: 28px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 45%; height: 280px; background-color: #F6F8FA; border-radius: 25px; padding: 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 15px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 1px; height: 230px; background-color: #e3e4e4; transform: translateY(-15px);}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 45%; height: 280px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 40px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 14px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 20px 0px 0px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(14.2857142857% - 15px); height: 60px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 50px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 45%; height: auto; padding: 30px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 13px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 13px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 45%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 14px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 50% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 90px; height: 90px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 16px; height: 16px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 40px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 20px 0px 0px 20px; padding: 11px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.charge-balance-header{width: 100%; height: auto; padding: 25px 135px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 135px 20px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #137DC5; margin-bottom: 25px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 20px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 20px; height: 20px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 28px; height: 28px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 45%; height: 280px; background-color: #F6F8FA; border-radius: 25px; padding: 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 16px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 1px; height: 230px; background-color: #e3e4e4; transform: translateY(-15px);}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 45%; height: 280px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 45px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 6px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 45px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 14px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 25px 0px 0px 25px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(14.2857142857% - 15px); height: 70px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 50px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 45%; height: auto; padding: 40px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 14px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 14px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 18px; height: 18px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 320px; background-color: #E3E4E4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 45%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 45px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 45px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 16px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1.2); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 50% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 90px; height: 90px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 45px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 45px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 6px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 45px; font-size: 14px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 6px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 19px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 18px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.charge-balance-header{width: 100%; height: auto; padding: 25px 180px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 180px 30px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 30px 30px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #137DC5; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 18px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 25px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 20px; height: 20px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 30px; height: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 45%; height: 320px; background-color: #F6F8FA; border-radius: 25px; padding: 25px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 17px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 2px; height: 250px; background-color: #e3e4e4; transform: translateY(-15px);}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 45%; height: 320px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 45px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 15px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 25px 0px 0px 25px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(14.2857142857% - 15px); height: 80px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1.2); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 50px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 45%; height: auto; padding: 40px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 18px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1.2); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 16px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 16px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 1px; height: 340px; background-color: #E3E4E4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 45%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 10px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 16px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1.2); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 50% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 100px; height: 100px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 18px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 45%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 45%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 25px 30px; gap: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 18px; height: 18px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 17px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 45px; font-size: 15px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.charge-balance-header{width: 100%; height: auto; padding: 30px 200px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 200px 30px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 50px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 35px 40px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 30px; border-bottom: 2px solid #137DC5; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 40px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 30%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 25px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 20px; height: 20px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 18px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 30px; height: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 45%; height: 350px; background-color: #F6F8FA; border-radius: 25px; padding: 30px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 18px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 2px; height: 280px; background-color: #e3e4e4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 45%; height: 350px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 45px; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 45px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 16px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 25px 0px 0px 25px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(14.2857142857% - 15px); height: 80px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 0px; border-radius: 45px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1.5); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 50px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 45%; height: auto; padding: 40px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1.2); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 15px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 15px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 1px; height: 20px; background-color: #777777; margin: 0px 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 2px; height: 340px; background-color: #E3E4E4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 45%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 18px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 45px; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 45px; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 45px; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 16px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1.3); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 50% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 110px; height: 110px; margin-bottom: 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 45px; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 20px; height: 20px; margin-inline-end: 10px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 18px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 45px; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 20px; height: 20px; margin-inline-end: 10px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 18px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 45px; font-size: 16px; font-weight: normal; color: #AAABAB; border-radius: 25px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 25px 0px 0px 25px; padding: 13px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 20px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.charge-balance-header{width: 100%; height: auto; padding: 40px 250px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 250px 40px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 60px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 35px; padding: 35px 40px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 40px; border-bottom: 2px solid #137DC5; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 24px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 45px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 25%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 25px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 45px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 25px; height: 25px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 40px; height: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 45%; height: 350px; background-color: #F6F8FA; border-radius: 25px; padding: 30px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 20px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 2px; height: 320px; background-color: #e3e4e4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 45%; height: 350px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 55px; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 16px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 55px; position: relative; display: inline-block;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{opacity: 0; position: absolute; top: 0; right: 0; width: 100%; height: 100%; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 20px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 20px; background-color: #137DC5; border-radius: 30px 0px 0px 30px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 20px; height: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(14.2857142857% - 15px); height: 80px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 15px; border-radius: 45px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(1.5); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 60px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 45%; height: auto; padding: 40px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 24px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(1.5); margin-top: -5px; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 10px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 20px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 2px; height: 25px; background-color: #777777; margin: 0px 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 2px; height: 400px; background-color: #E3E4E4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 45%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 55px; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 55px; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 55px; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 16px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 18px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input[type=checkbox]{transform: scale(1.3); margin-inline-end: 10px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 50% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 130px; height: 130px; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 55px; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 45px; gap: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 25px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 28px; height: 28px; margin-inline-end: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 55px; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 15px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 16px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 45px; gap: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 25px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 30px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 28px; height: 28px; margin-inline-end: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 20px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 55px; font-size: 20px; font-weight: normal; color: #AAABAB; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 15px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 30px 0px 0px 30px; padding: 16px 18px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 60px; color: white; background-color: #137DC5; font-size: 26px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer;}}@media screen and (min-width: 3840px){.charge-balance-header{width: 100%; height: auto; padding: 40px 400px; background-color: #FBFBFB;}.charge-balance-header .charge-balance-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.charge-balance-header .charge-balance-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.charge-balance-header .charge-balance-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 15px !important;}.charge-balance-container{width: 100%; height: auto; padding: 0px 400px 60px; background-color: #FBFBFB; display: flex; justify-content: center; padding-bottom: 80px;}.charge-balance-container .charge-balance{width: 100%; height: auto; background-color: white; outline: 1px solid #E3E4E4; border-radius: 50px; padding: 50px 60px;}.charge-balance-container .charge-balance .charge-balance-options{width: 100%; height: auto; padding-bottom: 60px; border-bottom: 2px solid #137DC5; margin-bottom: 60px;}.charge-balance-container .charge-balance .charge-balance-options p{font-size: 34px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 60px !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab{width: 25%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 35px; background-color: #F6F8FA; outline: 1px solid #E1E1E1; border-radius: 70px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .tab-status{width: 35px; height: 35px; margin-inline-end: 25px;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab p{font-size: 30px; font-weight: 500; text-transform: initial; color: #828282; line-height: 1; margin: 0px 0px 0px auto !important;}.charge-balance-container .charge-balance .charge-balance-options .charge-options .charge-tab .charge-type-icon{width: 50px; height: 50px;}.charge-balance-container .charge-balance .charge-balance-tabs{width: 100%; height: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info{width: 45%; height: 600px; background-color: #F6F8FA; border-radius: 50px; padding: 50px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; margin-bottom: 50px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info p{font-size: 30px; font-weight: 300; text-transform: initial; color: #828282; margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #bank-name, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #account-details, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{font-weight: 500; color: #606060; margin-bottom: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-info #iban{margin: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form #divider{width: 2px; height: 500px; background-color: #e3e4e4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs{width: 45%; height: 600px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; margin-bottom: 50px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input{width: 100%; height: 85px; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{text-indent: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]::-webkit-calendar-picker-indicator{border-radius: 50px 0px 0px 50px; padding: 28px 30px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container{width: 100%; height: 85px; position: relative;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container input[type=file]{display: none;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label{width: 100%; height: 100%; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; padding: 0px !important; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label #fileName{width: 100%; font-size: 30px; font-weight: normal; color: #AAABAB; margin: 0px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon{width: auto; height: 100%; padding: 0px 30px; background-color: #137DC5; border-radius: 50px 0px 0px 50px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; position: absolute; top: 0px; left: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs .custom-file-input-container label .attach-icon img{width: 30px; height: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form button{width: 100%; height: 85px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form{width: 100%; height: auto; display: flex; flex-direction: column;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 70px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label{width: calc(14.2857142857% - 30px); height: 120px; background-color: #F6F8FA; border: 1px solid #E3E4E4; padding: 0px 15px; border-radius: 80px; display: flex; justify-content: center; align-items: center; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:active{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label:focus-within{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]{transform: scale(2); margin-top: -5px; margin-inline-end: 25px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label input[type=radio]:checked{background-color: #e2ecf2; border-color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .payment-provider label img{width: 90px; -o-object-fit: contain; object-fit: contain;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 70px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards{width: 45%; height: auto; padding: 60px; background-color: #F6F8FA; border-radius: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards p{font-size: 34px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 30px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element input[type=radio]{transform: scale(2); margin-top: -5px; margin-inline-end: 25px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label{font-size: 28px; font-weight: 500; text-transform: initial; color: #828282; margin-inline-end: auto;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-id, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element label .saved-card-number{font-size: 28px; font-weight: 500; text-transform: initial; color: #828282; margin: 0px 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a{text-decoration: none; font-size: 28px; font-weight: normal; color: black; text-transform: initial; display: flex; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a img{width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; margin-inline-end: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(1){color: #137DC5;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions a:nth-child(3){color: #E40505;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .saved-cards .saved-card-element .saved-card-actions .divider{width: 2px; height: 30px; background-color: #777777; margin: 0px 40px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .split{width: 2px; height: 600px; background-color: #E3E4E4;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container{width: 45%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container .inner-title{font-size: 30px; font-weight: 500; text-transform: initial; color: #828282;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]{width: 48%; height: 85px; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text], .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number{width: 100%; height: 85px; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]:focus, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=text]::-webkit-outer-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-inner-spin-button, .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #credit_card_number::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{width: 48%; height: 85px; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]::-webkit-calendar-picker-indicator{border-radius: 50px 0px 0px 50px; padding: 28px 30px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container #amount_of_charge{width: 100%; margin-bottom: 40px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label{width: auto; height: auto; font-size: 30px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container label input{transform: scale(2); margin-inline-end: 20px !important;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .credit-card-actions button{width: 100%; height: 85px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements{width: 50% !important; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 50px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements img{width: 180px; height: 180px; margin-bottom: 20px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements p{font-size: 34px; font-weight: 500; text-transform: initial; color: #828282; margin-bottom: 0px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input{width: 100%; height: 85px; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements input:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.charge-balance-container .charge-balance .charge-balance-tabs #promo-code-form .promo-code-elements button{width: 100%; height: 85px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}.add-new-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.add-new-card-popup-container .add-new-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.add-new-card-popup-container .add-new-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container{width: 100%; height: auto; position: relative;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container #add-new-card-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .add-new-card-form-title img{width: 38px; height: 38px; margin-inline-end: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form .inner-title{font-size: 30px; font-weight: 500; text-transform: initial; color: #828282;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input{width: 48%; height: 85px; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-inner-spin-button, .add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=text]{width: 100%;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]{text-indent: 20px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 50px 0px 0px 50px; padding: 28px 30px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px;}.add-new-card-popup-container .add-new-card-popup-section .add-new-card-popup-section-container form#add-new-card-form #add-new-card-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}.edit-card-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.edit-card-popup-container .edit-card-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.edit-card-popup-container .edit-card-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container{width: 100%; height: auto; position: relative;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container #edit-card-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: flex-end; border-bottom: 1px solid #C2D6E4; padding-bottom: 40px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title p{font-size: 44px; font-weight: 500; color: #137DC5; text-transform: initial; line-height: 1; margin: 0px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .edit-card-form-title img{width: 38px; height: 38px; margin-inline-end: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form .inner-title{font-size: 30px; font-weight: 500; text-transform: initial; color: #828282;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input{width: 48%; height: 85px; font-size: 30px; font-weight: normal; color: #AAABAB; border-radius: 50px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; appearance: none; -moz-appearance: textfield;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-inner-spin-button, .edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=text]{width: 100%;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]{text-indent: 20px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form input[type=date]::-webkit-calendar-picker-indicator{border-radius: 50px 0px 0px 50px; padding: 28px 30px; cursor: pointer; background-color: #137DC5; background-image: url("/odex_website/static/src/css/../../img/calendar-white.png"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px;}.edit-card-popup-container .edit-card-popup-section .edit-card-popup-section-container form#edit-card-form #edit-card-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 34px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer;}}#wrapwrap.o_rtl main #wrap_charge_balance .charge-balance-container .charge-balance .charge-balance-tabs #charge-bank-form .account-details-inputs input[type=date]{flex-direction: row-reverse !important;}#wrapwrap.o_rtl main #wrap_charge_balance .charge-balance-container .charge-balance .charge-balance-tabs #charge-credit-card-form .cards-details .add-new-card-container input[type=date]{flex-direction: row-reverse !important;} /* /odex_website/static/src/css/contact-us.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 15px 20px 0px; isolation: isolate; flex-direction: column; gap: 30px;}.contact-container .contact-form-container{width: 100%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 20px 16px 5px; border-radius: 25px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 100%; height: 40%; border-radius: 25px; background-color: #137DC5; position: absolute; top: -16px; right: 0px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 25px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 36px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 16px; padding-top: 10px; font-size: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: 100% !important;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 36px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 100%; height: 250px; position: initial !important; left: 0px; top: 0%; transform: translateY(0%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 25px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 170px 20px 50px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -120px;}.contact-information-container .contact-information{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; margin: 0 auto; gap: 40px;}.contact-information-container .contact-information .call-information{width: 100%; height: auto; position: initial !important; top: initial !important; left: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 13px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: initial !important; top: initial !important; right: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 13px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%); display: none !important;}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 25px;}.faq-section .main-question{font-size: 16px; font-weight: 600; color: white; text-transform: initial; text-align: center;}.faq-section .question-answer{font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-align: center;}.faq-section a{text-decoration: none; width: auto; height: 30px; font-size: 12px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 50px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 13px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 20px 20px 0px; isolation: isolate; flex-direction: column; gap: 30px;}.contact-container .contact-form-container{width: 100%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 20px 20px 5px; border-radius: 25px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 100%; height: 40%; border-radius: 25px; background-color: #137DC5; position: absolute; top: -16px; right: 0px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 13px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 18px; padding-top: 10px; font-size: 13px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: 100% !important;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 38px; font-size: 13px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 100%; height: 300px; position: initial !important; left: 0px; top: 0%; transform: translateY(0%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 25px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 170px 20px 50px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -120px;}.contact-information-container .contact-information{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; margin: 0 auto; gap: 40px;}.contact-information-container .contact-information .call-information{width: 100%; height: auto; position: initial !important; top: initial !important; left: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 14px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: initial !important; top: initial !important; right: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 14px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%); display: none !important;}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 25px;}.faq-section .main-question{font-size: 20px; font-weight: 600; color: white; text-transform: initial; text-align: center;}.faq-section .question-answer{font-size: 14px; font-weight: 500; color: white; text-transform: initial; text-align: center;}.faq-section a{text-decoration: none; width: auto; height: 34px; font-size: 13px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 50px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 20px 20px 0px; isolation: isolate; flex-direction: column; gap: 30px;}.contact-container .contact-form-container{width: 100%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 20px 20px 5px; border-radius: 25px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 100%; height: 40%; border-radius: 25px; background-color: #137DC5; position: absolute; top: -16px; right: 0px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 13px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 20px; padding-top: 10px; font-size: 13px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: 100% !important;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 38px; font-size: 13px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 100%; height: 300px; position: initial !important; left: 0px; top: 0%; transform: translateY(0%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 25px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 170px 20px 50px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -120px;}.contact-information-container .contact-information{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; margin: 0 auto; gap: 40px;}.contact-information-container .contact-information .call-information{width: 100%; height: auto; position: initial !important; top: initial !important; left: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 13px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: initial !important; top: initial !important; right: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 13px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%); display: none !important;}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 25px;}.faq-section .main-question{font-size: 20px; font-weight: 600; color: white; text-transform: initial; text-align: center;}.faq-section .question-answer{font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-align: center;}.faq-section a{text-decoration: none; width: auto; height: 34px; font-size: 13px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 50px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 15px 20px 0px; isolation: isolate; flex-direction: column; gap: 30px;}.contact-container .contact-form-container{width: 100%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 20px 20px 5px; border-radius: 25px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 100%; height: 40%; border-radius: 25px; background-color: #137DC5; position: absolute; top: -16px; right: 0px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 36px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 20px; padding-top: 10px; font-size: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: 100% !important;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 36px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 100%; height: 300px; position: initial !important; left: 0px; top: 0%; transform: translateY(0%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 25px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 170px 20px 50px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -120px;}.contact-information-container .contact-information{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; margin: 0 auto; gap: 40px;}.contact-information-container .contact-information .call-information{width: 100%; height: auto; position: initial !important; top: initial !important; left: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 13px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: initial !important; top: initial !important; right: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 13px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%); display: none !important;}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 25px;}.faq-section .main-question{font-size: 18px; font-weight: 600; color: white; text-transform: initial; text-align: center;}.faq-section .question-answer{font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-align: center;}.faq-section a{text-decoration: none; width: auto; height: 34px; font-size: 12px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 45px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 421px) and (max-width: 767px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 20px 40px 0px; isolation: isolate; flex-direction: column; gap: 30px;}.contact-container .contact-form-container{width: 100%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 25px 25px 10px; border-radius: 25px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 100%; height: 40%; border-radius: 25px; background-color: #137DC5; position: absolute; top: -16px; right: 0px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 20px; padding-top: 10px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: 100% !important;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 38px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 100%; height: 300px; position: initial !important; left: 0px; top: 0%; transform: translateY(0%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 25px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 170px 40px 50px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -120px;}.contact-information-container .contact-information{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; margin: 0 auto; gap: 40px;}.contact-information-container .contact-information .call-information{width: 100%; height: auto; position: initial !important; top: initial !important; left: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 15px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: initial !important; top: initial !important; right: initial !important; transform: translateY(0%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 15px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%); display: none !important;}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 40px; gap: 25px;}.faq-section .main-question{font-size: 20px; font-weight: 600; color: white; text-transform: initial; text-align: center;}.faq-section .question-answer{font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-align: center;}.faq-section a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 35px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 60px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 768px) and (max-width: 1024px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 20px 40px 0px; isolation: isolate; flex-direction: column; gap: 40px;}.contact-container .contact-form-container{width: 100%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 25px 35px 10px; border-radius: 30px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 100%; height: 40%; border-radius: 30px; background-color: #137DC5; position: absolute; top: -16px; right: 0px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 10px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 38px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 100%; height: 400px; position: initial !important; left: 0px; top: 0%; transform: translateY(0%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 30px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 200px 40px 20px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -180px;}.contact-information-container .contact-information{width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 80px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 15px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 80px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 15px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 40px; gap: 25px;}.faq-section .main-question{font-size: 24px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 15px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 70px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 70px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 55px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 10px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 55px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 25px; gap: 10px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 50px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 20px 50px 0px; isolation: isolate; flex-direction: column; gap: 40px;}.contact-container .contact-form-container{width: 100%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 25px 35px 10px; border-radius: 35px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 100%; height: 40%; border-radius: 35px; background-color: #137DC5; position: absolute; top: -16px; right: 0px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 16px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 120px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 16px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 10px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 38px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 100%; height: 400px; position: initial !important; left: 0px; top: 0%; transform: translateY(0%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 35px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 200px 50px 20px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -180px;}.contact-information-container .contact-information{width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 100px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.contact-information-container .contact-information .call-information .info p{font-size: 16px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 100px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.contact-information-container .contact-information .address-information .info p{font-size: 16px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 50px; gap: 25px;}.faq-section .main-question{font-size: 26px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 16px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 38px; font-size: 16px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 30px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 70px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 15px 80px 0px; isolation: isolate; flex-direction: column; gap: 40px;}.contact-container .contact-form-container{width: 100%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 25px 35px 10px; border-radius: 35px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 100%; height: 40%; border-radius: 35px; background-color: #137DC5; position: absolute; top: -16px; right: 0px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 10px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 100%; height: 400px; position: initial !important; left: 0px; top: 0%; transform: translateY(0%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 35px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 200px 80px 20px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -180px;}.contact-information-container .contact-information{width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 100px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 14px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 100px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 14px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 80px; gap: 25px;}.faq-section .main-question{font-size: 20px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 14px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 60px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 0px 110px 0px; isolation: isolate;}.contact-container .contact-form-container{width: 55%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 25px 35px 10px; border-radius: 40px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 25%; height: 100%; border-radius: 40px; background-color: #137DC5; position: absolute; top: 0; right: -18px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 12px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 6px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 10px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 60%; height: 400px; position: absolute; left: 110px; top: 50%; transform: translateY(-50%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 40px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 200px 110px 20px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -180px;}.contact-information-container .contact-information{width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 100px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 14px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 100px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 14px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 110px; gap: 25px;}.faq-section .main-question{font-size: 22px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 14px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 60px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 0px 135px 0px; isolation: isolate;}.contact-container .contact-form-container{width: 55%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 25px 35px 10px; border-radius: 40px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 25%; height: 100%; border-radius: 40px; background-color: #137DC5; position: absolute; top: 0; right: -20px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 15px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 114px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 10px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 10px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 60%; height: 440px; position: absolute; left: 135px; top: 50%; transform: translateY(-50%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 40px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 250px 135px 50px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -180px;}.contact-information-container .contact-information{width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 100px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 14px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 100px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 12px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 20px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 14px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 100px; background-color: #137DC5; position: absolute; top: 60%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 70px 135px; gap: 25px;}.faq-section .main-question{font-size: 26px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 14px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 40px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 65px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 0px 180px 0px; isolation: isolate;}.contact-container .contact-form-container{width: 50%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 25px 35px 20px; border-radius: 40px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 25%; height: 100%; border-radius: 40px; background-color: #137DC5; position: absolute; top: 0; right: -20px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 40px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 15px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 15px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 150px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 15px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 10px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 10px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 60%; height: 450px; position: absolute; left: 180px; top: 50%; transform: translateY(-50%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 40px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 250px 180px 50px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -180px;}.contact-information-container .contact-information{width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 200px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 16px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 200px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 16px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 110px; background-color: #137DC5; position: absolute; top: 62%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 180px; gap: 25px;}.faq-section .main-question{font-size: 28px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 16px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 36px; font-size: 16px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 65px 40px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 70px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 0px 200px 0px; isolation: isolate;}.contact-container .contact-form-container{width: 50%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 30px 40px 20px; border-radius: 40px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 25%; height: 100%; border-radius: 40px; background-color: #137DC5; position: absolute; top: 0; right: -20px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 40px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 18px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 20px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 35px; font-size: 15px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 150px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 30px; padding-top: 10px; font-size: 15px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 10px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 10px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 60%; height: 450px; position: absolute; left: 200px; top: 50%; transform: translateY(-50%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 40px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 250px 200px 50px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -180px;}.contact-information-container .contact-information{width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 200px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.contact-information-container .contact-information .call-information .title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .call-information .info p{font-size: 18px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 200px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.contact-information-container .contact-information .address-information .title img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 5px;}.contact-information-container .contact-information .address-information .info p{font-size: 18px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 1px; height: 120px; background-color: #137DC5; position: absolute; top: 62%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 200px; gap: 25px;}.faq-section .main-question{font-size: 32px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 18px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 70px 40px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 76px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 0px 250px 0px; isolation: isolate;}.contact-container .contact-form-container{width: 50%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 40px 45px 30px; border-radius: 45px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 25%; height: 100%; border-radius: 45px; background-color: #137DC5; position: absolute; top: 0; right: -25px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 60px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 22px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 30px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 45px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 35px; font-size: 18px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 200px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 30px; padding-top: 10px; font-size: 18px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 20px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 10px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 60%; height: 600px; position: absolute; left: 250px; top: 50%; transform: translateY(-50%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 45px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border: none;}.contact-information-container{width: 100%; height: auto; padding: 350px 250px 100px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -250px;}.contact-information-container .contact-information{width: 100%; height: 300px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 200px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 40px;}.contact-information-container .contact-information .call-information .title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 30px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.contact-information-container .contact-information .call-information .info p{font-size: 22px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 200px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 40px;}.contact-information-container .contact-information .address-information .title img{width: 26px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 30px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}.contact-information-container .contact-information .address-information .info p{font-size: 22px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 2px; height: 165px; background-color: #137DC5; position: absolute; top: 65%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 120px 250px; gap: 35px;}.faq-section .main-question{font-size: 34px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 22px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 45px; font-size: 18px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 15px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 80px 40px; gap: 15px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 90px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 3840px){.contact-container{width: 100%; height: auto; display: flex; justify-content: flex-start; position: relative; padding: 0px 400px 0px; isolation: isolate;}.contact-container .contact-form-container{width: 50%; height: auto; position: relative;}.contact-container .contact-form-container .contact-form{width: 100%; height: auto; padding: 60px 80px 20px; border-radius: 60px; box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.1607843137); z-index: 2; background-color: white;}.contact-container .contact-form-container .contact-form:before{content: ""; width: 25%; height: 100%; border-radius: 60px; background-color: #137DC5; position: absolute; top: 0; right: -40px; z-index: -1;}.contact-container .contact-form-container .contact-form .form-title{width: 100%; height: auto; margin-bottom: 70px;}.contact-container .contact-form-container .contact-form .form-title .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.contact-container .contact-form-container .contact-form .form-title .secondary-title{font-size: 34px; font-weight: 500; color: #606060; text-transform: initial;}.contact-container .contact-form-container .contact-form form.contact-us-form{width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element{width: 100%; height: auto; margin-bottom: 40px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element input, .contact-container .contact-form-container .contact-form form.contact-us-form .form-element select{width: 100%; height: 70px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 35px; border-radius: 40px; font-size: 30px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 250px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 35px; border-radius: 40px; padding-top: 10px; font-size: 30px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-message{margin-bottom: 30px;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-country, .contact-container .contact-form-container .contact-form form.contact-us-form .form-phone{width: calc(50% - 20px);}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit{display: flex; justify-content: flex-end; align-items: center;}.contact-container .contact-form-container .contact-form form.contact-us-form .form-submit button{width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.contact-container .map{width: 60%; height: 850px; position: absolute; left: 400px; top: 50%; transform: translateY(-50%); z-index: -1;}.contact-container .map iframe{width: 100%; height: 100%; display: block; border-radius: 60px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); border: none;}.contact-information-container{width: 100%; height: auto; padding: 500px 400px 100px; background-color: rgba(218, 236, 249, 0.5882352941); margin-top: -350px;}.contact-information-container .contact-information{width: 100%; height: 400px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 auto;}.contact-information-container .contact-information .call-information{width: -moz-max-content; width: max-content; height: auto; position: absolute; top: 50%; left: calc(50% + 300px); transform: translateY(-50%);}.contact-information-container .contact-information .call-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px; margin-bottom: 50px;}.contact-information-container .contact-information .call-information .title img{width: 40px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .call-information .title p{font-size: 44px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .call-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.contact-information-container .contact-information .call-information .info p{font-size: 34px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .address-information{width: auto; height: auto; position: absolute; top: 50%; right: calc(50% + 300px); transform: translateY(-50%);}.contact-information-container .contact-information .address-information .title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px; margin-bottom: 50px;}.contact-information-container .contact-information .address-information .title img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-top: 5px;}.contact-information-container .contact-information .address-information .title p{font-size: 44px; font-weight: 600; color: #137DC5; text-transform: initial;}.contact-information-container .contact-information .address-information .info{width: 100%; height: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.contact-information-container .contact-information .address-information .info p{font-size: 34px; font-weight: 500; color: #9A9A9A; text-transform: initial;}.contact-information-container .contact-information .contact-divider{width: 3px; height: 260px; background-color: #137DC5; position: absolute; top: 65%; right: 50%; transform: translate(50%, -50%);}.faq-section{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/have-a-problem-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 250px 400px; gap: 65px;}.faq-section .main-question{font-size: 60px; font-weight: 600; color: white; text-transform: initial;}.faq-section .question-answer{font-size: 34px; font-weight: 500; color: white; text-transform: initial;}.faq-section a{text-decoration: none; width: auto; height: 70px; font-size: 30px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.faq-section a img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 20px;}.confirm-received-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-received-popup-container .confirm-received-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-received-popup-container .confirm-received-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container #confirm-received-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 50px; gap: 30px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container img{width: 140px;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container p{font-size: 54px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-received-popup-container .confirm-received-popup-section .confirm-received-popup-section-container .confirm-received-container span{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}} /* /odex_website/static/src/css/blogs-xml.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.blogs-header{width: 100%; height: auto; padding: 0px 20px 25px; display: flex; align-items: center; flex-direction: column; gap: 30px;}.blogs-header .blogs-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.blogs-header .blogs-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 20px; border-radius: 50px; gap: 20px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 10px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 25px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 20px;}.blogs-container{width: 100%; height: auto; padding: 30px 20px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 100px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 330px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 15px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 12px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 8px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 15px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 12px; font-weight: 500; height: 30px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 70px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 70px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.blogs-header{width: 100%; height: auto; padding: 0px 20px 25px; display: flex; align-items: center; flex-direction: column; gap: 30px;}.blogs-header .blogs-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 20px;}.blogs-container{width: 100%; height: auto; padding: 30px 20px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 100px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 410px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 20px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 34px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 75px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 75px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.blogs-header{width: 100%; height: auto; padding: 0px 20px 25px; display: flex; align-items: center; flex-direction: column; gap: 30px;}.blogs-header .blogs-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 20px;}.blogs-container{width: 100%; height: auto; padding: 30px 20px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 100px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 400px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 20px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 34px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 75px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 75px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.blogs-header{width: 100%; height: auto; padding: 0px 20px 25px; display: flex; align-items: center; flex-direction: column; gap: 30px;}.blogs-header .blogs-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 6px !important;}.blogs-header .blogs-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 30px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 20px;}.blogs-container{width: 100%; height: auto; padding: 30px 20px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 100px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 380px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 20px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 34px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 75px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 75px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.blogs-header{width: 100%; height: auto; padding: 0px 40px 25px; display: flex; align-items: center; flex-direction: column; gap: 30px;}.blogs-header .blogs-title-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 35px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 40px;}.blogs-container{width: 100%; height: auto; padding: 30px 40px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 100px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 430px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 34px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 75px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 75px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){.blogs-header{width: 100%; height: auto; padding: 25px 40px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 40px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 40px;}.blogs-container{width: 100%; height: auto; padding: 30px 40px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 120px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 430px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 38px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.blogs-container{width: 100%; height: auto; padding: 30px 40px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 120px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 480px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 65%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 35%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 20px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 35px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.blogs-container{width: 100%; height: auto; padding: 30px 50px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 60px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 420px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 65%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 35%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 15px 20px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 34px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.blogs-container{width: 100%; height: auto; padding: 30px 50px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 60px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 400px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 65%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 35%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 16px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 33px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.blogs-container{width: 100%; height: auto; padding: 30px 50px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 60px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 360px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 20px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 30px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.blogs-header{width: 100%; height: auto; padding: 25px 50px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 40px; border-radius: 50px; gap: 40px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; position: absolute; display: block; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 50px;}.blogs-container{width: 100%; height: auto; padding: 30px 50px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 120px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 530px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 18px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 15px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 17px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 17px; font-weight: 500; height: 38px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.blogs-header{width: 100%; height: auto; padding: 25px 80px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 40px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 80px;}.blogs-container{width: 100%; height: auto; padding: 30px 80px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 120px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 500px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 65%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 35%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 33px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.blogs-header{width: 100%; height: auto; padding: 25px 110px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 30px; border-radius: 50px; gap: 40px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 110px;}.blogs-container{width: 100%; height: auto; padding: 30px 110px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 120px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 430px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 33px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.blogs-header{width: 100%; height: auto; padding: 25px 135px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 45px; border-radius: 50px; gap: 45px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 42px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 135px;}.blogs-container{width: 100%; height: auto; padding: 30px 135px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 120px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 450px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 33px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.blogs-header{width: 100%; height: auto; padding: 25px 180px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 40px; border-radius: 50px; gap: 50px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 14px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 45px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 180px;}.blogs-container{width: 100%; height: auto; padding: 30px 180px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 120px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 500px !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px; border-radius: 0px 0px 25px 25px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 14px; font-weight: 400; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 16px; font-weight: 500; height: 36px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 16px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 80px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.blogs-header{width: 100%; height: auto; padding: 30px 200px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 40px; border-radius: 50px; gap: 60px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 50px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 30px 200px;}.blogs-container{width: 100%; height: auto; padding: 30px 200px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 150px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 600px !important; border-radius: 30px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 65%; position: relative; isolation: isolate; border-radius: 30px 30px 30px 30px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 30px 30px 30px 30px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 30px 30px 30px 30px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 30px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 18px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 13px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 35%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 25px 30px; border-radius: 0px 0px 30px 30px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 16px; font-weight: 500; height: 40px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 10px !important; height: 10px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 10px !important; height: 10px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.blogs-header{width: 100%; height: auto; padding: 40px 250px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 25px 50px; border-radius: 50px; gap: 60px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 16px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -14px !important; right: 98% !important; z-index: 1000; padding-inline-start: 50px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(1.2); margin-inline-end: 10px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 1px; height: 45px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 40px 250px;}.blogs-container{width: 100%; height: auto; padding: 40px 250px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 150px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 700px !important; border-radius: 40px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 65%; position: relative; isolation: isolate; border-radius: 40px 40px 40px 40px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 40px 40px 40px 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 40px 40px 40px 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 30px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 24px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 18px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 18px; background-color: white; margin: 0px 15px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 35%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 30px; border-radius: 0px 0px 40px 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 20px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 20px; font-weight: 500; height: 45px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 14px !important; height: 14px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 14px !important; height: 14px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 3840px){.blogs-header{width: 100%; height: auto; padding: 40px 400px; display: flex; align-items: center;}.blogs-header .blogs-title-container{width: 50%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-header .blogs-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.blogs-header .blogs-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 15px !important;}.blogs-header .blogs-controls-container{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-header .blogs-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 40px 70px; border-radius: 90px; gap: 120px;}.blogs-header .blogs-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .filter-title img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; min-width: 240px; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 28px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 18px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 2px; display: block; background-color: #c8c8c8; margin-bottom: 18px !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container:hover .plan-dropdown{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container a::after{display: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown{all: unset; background-color: transparent; display: none; position: absolute; top: -25px !important; right: 98% !important; z-index: 1000; padding-inline-start: 75px;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown::before{display: none !important;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown:hover{display: block;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner{width: -moz-max-content; width: max-content; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item{justify-content: flex-start;}.blogs-header .blogs-controls-container .controls .filter-action-options .dropdown-menu .plan-dropdown-container .plan-dropdown .plan-dropdown-inner .dropdown-item input[type=checkbox]{transform: scale(2); margin-inline-end: 20px;}.blogs-header .blogs-controls-container .controls a{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.blogs-header .blogs-controls-container .controls a img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.blogs-header .blogs-controls-container .controls .divider{width: 2px; height: 75px; background-color: rgba(128, 128, 128, 0.5);}.blogs-search-container{padding: 40px 400px;}.blogs-container{width: 100%; height: auto; padding: 40px 400px;}.blogs-container .swiper.blogs{width: auto; height: auto; padding: 0px 15px 200px;}.blogs-container .swiper.blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: 1100px !important; border-radius: 50px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 65%; position: relative; isolation: isolate; border-radius: 50px 50px 50px 50px; display: flex; align-items: flex-end;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 50px 50px 50px 50px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 50px 50px 50px 50px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 50px; z-index: 3; gap: 10px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 36px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 26px; font-weight: 300; color: white; text-transform: initial;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 2px; height: 25px; background-color: white; margin: 0px 25px !important;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 35%; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 50px; border-radius: 0px 0px 50px 50px;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content{width: 100%; height: 60%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description .blog-description-content p{font-size: 30px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}.blogs-container .swiper.blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 30px; font-weight: 500; height: 70px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 30px; border-radius: 50px 50px 0px 50px; border: none; outline: 1px solid #137DC5;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 150px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-prev.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 150px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation:after{content: "";}.blogs-container .swiper.blogs .swiper-button-next.blogs-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next, .blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active-next-next{background: #A5CCE7 !important; width: 20px !important; height: 20px !important; opacity: 1; transform: scale(1);}.blogs-container .swiper.blogs .swiper-pagination .swiper-pagination-bullet-active{background: #137DC5 !important; width: 20px !important; height: 20px !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #blogs_wrap .blogs-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}.hidden-tag{display: none !important;}.blogs-search-container{width: 100%; height: auto; display: flex; justify-content: flex-end; align-items: center;}.blogs-search-container .search-container{position: relative; width: 400px; height: 45px;}.blogs-search-container .search-container .custom-search-input{width: 100%; height: 100%; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 16px;}.blogs-search-container .search-container .custom-dropdown{position: absolute; width: 100%; background: #fff; border: 1px solid #ccc; border-top: none; display: none; max-height: 200px; overflow-y: auto; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border-radius: 0 0 5px 5px; z-index: 10;}.blogs-search-container .search-container .custom-dropdown .dropdown-item{padding: 10px; cursor: pointer; border-bottom: 1px solid #eee;}.blogs-search-container .search-container .custom-dropdown .dropdown-item:hover{background: #f0f0f0;} /* /odex_website/static/src/css/faq.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 20px 20px;}.faq-first-title .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 16px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 20px;}.faq-second-title .main-title{font-size: 16px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 20px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px 15px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 12px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 20px 15px;}.contact-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 25px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 15px;}.contact-now-container .contact-now p{font-size: 14px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 35px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 20px 20px;}.faq-first-title .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 18px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 20px;}.faq-second-title .main-title{font-size: 18px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 20px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 25px 20px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 14px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px 20px;}.contact-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 15px;}.contact-now-container .contact-now p{font-size: 14px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 35px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 20px 20px;}.faq-first-title .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 18px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 20px;}.faq-second-title .main-title{font-size: 18px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 20px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 25px 20px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 14px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px 20px;}.contact-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 15px;}.contact-now-container .contact-now p{font-size: 14px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 35px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 20px 20px;}.faq-first-title .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 16px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 20px;}.faq-second-title .main-title{font-size: 16px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 20px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 25px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 14px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px;}.contact-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 25px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 15px;}.contact-now-container .contact-now p{font-size: 14px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 35px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 421px) and (max-width: 767px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 40px 30px;}.faq-first-title .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 40px;}.faq-second-title .main-title{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 40px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 25px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 16px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px;}.contact-now-container{width: 100%; height: auto; padding: 0px 40px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 25px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 10px;}.contact-now-container .contact-now p{font-size: 17px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 45px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 24px 24px 0px 24px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 768px) and (max-width: 1024px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 40px 30px;}.faq-first-title .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 40px;}.faq-second-title .main-title{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 40px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 18px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 30px;}.contact-now-container{width: 100%; height: auto; padding: 0px 40px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 17px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: 160px; height: 45px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 50px 30px;}.faq-first-title .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 24px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 50px;}.faq-second-title .main-title{font-size: 24px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 50px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 18px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 17px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 30px;}.contact-now-container{width: 100%; height: auto; padding: 0px 50px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: 160px; height: 45px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 80px 30px;}.faq-first-title .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 80px;}.faq-second-title .main-title{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 80px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 16px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 30px;}.contact-now-container{width: 100%; height: auto; padding: 0px 80px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 17px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 45px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 110px 30px;}.faq-first-title .main-title{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 22px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 110px;}.faq-second-title .main-title{font-size: 22px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 110px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 16px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 30px;}.contact-now-container{width: 100%; height: auto; padding: 0px 110px; margin-bottom: 30px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 18px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 45px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 135px 30px;}.faq-first-title .main-title{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 22px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 135px;}.faq-second-title .main-title{font-size: 22px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 135px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 16px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 30px;}.contact-now-container{width: 100%; height: auto; padding: 0px 135px; margin-bottom: 20px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 18px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 45px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 180px 30px;}.faq-first-title .main-title{font-size: 44px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 24px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 180px;}.faq-second-title .main-title{font-size: 24px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 180px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 20px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 30px;}.contact-now-container{width: 100%; height: auto; padding: 0px 180px; margin-bottom: 20px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 45px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 40px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 200px 30px;}.faq-first-title .main-title{font-size: 48px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 26px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 200px;}.faq-second-title .main-title{font-size: 26px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 200px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 40px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 26px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 18px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 40px;}.contact-now-container{width: 100%; height: auto; padding: 0px 200px; margin-bottom: 20px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 20px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 45px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 250px 50px;}.faq-first-title .main-title{font-size: 58px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 36px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 50px 250px;}.faq-second-title .main-title{font-size: 36px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 250px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 25px; display: flex; justify-content: space-between; align-items: center; padding: 40px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 28px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 35px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 25px 25px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 24px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 40px;}.contact-now-container{width: 100%; height: auto; padding: 0px 250px; margin-bottom: 30px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 25px; display: flex; justify-content: space-between; align-items: center; padding: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 28px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 60px; text-decoration: none; font-size: 24px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 50px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}}@media screen and (min-width: 3840px){.faq-first-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0px 400px 70px;}.faq-first-title .main-title{font-size: 64px; font-weight: 700; color: #137DC5; text-transform: initial;}.faq-first-title .secondary-title{font-size: 46px; font-weight: 500; color: #505050; text-transform: initial;}.faq-second-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 70px 400px;}.faq-second-title .main-title{font-size: 46px; font-weight: 500; color: #505050; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 400px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 60px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 30px 30px 30px 30px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 30px; display: flex; justify-content: space-between; align-items: center; padding: 60px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 40px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 40px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 30px 30px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 36px; font-weight: 500; color: #606060; text-transform: initial;}.faq-questions-container .accordion-item.active .accordion-content{padding: 40px;}.contact-now-container{width: 100%; height: auto; padding: 0px 400px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 30px; display: flex; justify-content: space-between; align-items: center; padding: 60px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 40px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 90px; text-decoration: none; font-size: 36px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 80px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}} /* /odex_website/static/src/css/your-videos.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 20px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 25px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 45px; font-size: 13px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 45px; position: absolute; top: 0; right: 0; border-radius: 25px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 30px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 35px; height: 35px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 15px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 160px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; padding: 10px 0px 0px; gap: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 100%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; text-align: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 10px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 14px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 12px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 15px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 14px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 20px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 16px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 80vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 50px; height: 50px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 220px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; padding: 15px 0px 0px; gap: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 100%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial; text-align: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 11px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 13px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 15px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 20px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 85vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 80px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 45px; height: 45px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 200px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; padding: 15px 0px 0px; gap: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 100%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial; text-align: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 11px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 13px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 15px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 20px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 30px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 35px; height: 35px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 180px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; padding: 10px 0px 0px; gap: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 100%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; text-align: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 10px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 15px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 12px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 15px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 15px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 40px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 30px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 55px; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 55px; position: absolute; top: 0; right: 0; border-radius: 30px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 50px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 70vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 50px; height: 50px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 220px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 70%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 11px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 8px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 18px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 13px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060; display: none;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 40px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 650px; height: 60px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 70vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 85%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 320px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 11px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 13px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 40px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 650px; height: 60px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 100vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 60px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 170vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 80px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 75%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll; padding: 15px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 90%;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; padding: 15px 0px 0px; gap: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 100%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial; text-align: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; flex-direction: row;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 13px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 15px; background-color: #606060; display: flex;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 50px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 180vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 80px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 45px; height: 45px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 85%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll; padding: 15px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 90%;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; padding: 15px 0px 0px; gap: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 100%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial; text-align: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; flex-direction: row;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 13px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 15px; background-color: #606060; display: flex;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 80px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 10px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 8px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 80%; height: auto; background-color: #dddddd; border-radius: 32px; display: flex; justify-content: center; align-items: center; position: relative; flex-direction: column; flex-wrap: wrap;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 100%; height: 50px; font-size: 15px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 100%; height: 50px; position: absolute; top: 0; right: 0; border-radius: 32px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 30px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 200vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 80px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 35px; height: 35px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll; padding: 15px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 95%;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; padding: 15px 0px 0px; gap: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 100%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; text-align: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 10px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; flex-direction: row;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 12px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 15px; background-color: #606060; display: flex;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 50px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 700px; height: 60px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 20px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 60vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 65px; height: 65px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 18px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 14px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 320px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 18px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 16px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 80px 25px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 30px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 0px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 650px; height: 60px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 60px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 280px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 11px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 13px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 110px 20px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 700px; height: 70px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 50px; height: 50px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 300px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 11px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 13px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 16px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 135px 20px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 700px; height: 70px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 18px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 100px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 55px; height: 55px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 320px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 14px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 180px 30px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 750px; height: 70px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 20px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 120px) / 2) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 60px; height: 60px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 350px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 14px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.your-videos-page-container{width: 100%; height: auto; background-color: #FBFBFB; padding: 0px 200px 30px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 36px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 36px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 10px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 800px; height: 70px; background-color: #dddddd; border-radius: 40px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 20px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 40px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 70px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 40px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 90vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 120px) / 2) !important; border-radius: 30px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 30px 30px 30px 30px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 30px 30px 30px 30px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 70px; height: 70px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 30px 30px 30px 30px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 30px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 18px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 13px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 380px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 18px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 15px; background-color: #606060; margin: 0px 10px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 15px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 20px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 8px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 250px 40px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 60px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 20px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 12px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 1100px; height: 100px; background-color: #dddddd; border-radius: 50px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 30px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 50px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 100px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 50px; border-radius: 50px; gap: 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 26px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 1px; height: 35px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 85vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 140px) / 2) !important; border-radius: 40px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 40px 40px 40px 40px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 40px 40px 40px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 80px; height: 80px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 40px 40px 40px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 30px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 22px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 18px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 1px; height: 18px; background-color: white; margin: 0px 15px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 30px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 420px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 25px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 22px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 18px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 1px; height: 18px; background-color: #606060; margin: 0px 15px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 25px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 20px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 1px; height: 20px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 25px; margin-inline-end: 10px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 20px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 20px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 10px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}}@media screen and (min-width: 3840px){.your-videos-page-container{width: 100%; height: auto; background-color: #FCFCFC; padding: 0px 400px 60px;}.your-videos-page-container .section-title-container{width: 100%; height: auto; margin-bottom: 100px;}.your-videos-page-container .section-title-container .main-title-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px; margin-bottom: 40px;}.your-videos-page-container .section-title-container .main-title-container .main-title{font-size: 70px; font-weight: 700; color: #137DC5; text-transform: initial;}.your-videos-page-container .section-title-container .main-title-container .main-title .phar{font-size: 70px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-end: 20px !important;}.your-videos-page-container .section-title-container .section-tabs-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs{width: 1900px; height: 150px; background-color: #dddddd; border-radius: 90px; display: flex; justify-content: center; align-items: center; position: relative;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-liked, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-saved, .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .tab-continue{width: 33.3333333333%; height: 100%; font-size: 44px; font-weight: normal; color: white; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; cursor: pointer;}.your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{width: 33.3333333333%; height: 100%; position: absolute; top: 0; right: 0; border-radius: 90px; background-color: #137DC5; z-index: 0;}.your-videos-page-container .your-videos-page-tabs{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 100px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos{width: auto; height: 150px; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 0px 70px; border-radius: 90px; gap: 120px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a{text-decoration: none; font-size: 40px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos a img{width: 40px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .controls-liked-videos .divider{width: 2px; height: 50px; background-color: rgba(128, 128, 128, 0.5);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos{width: 100%; height: auto;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page{width: auto; height: 85vh; padding: 0px 15px 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc((100% - 250px) / 2) !important; border-radius: 60px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements{width: 100%; height: 100%; position: relative; isolation: isolate; border-radius: 60px 60px 60px 60px; display: flex; align-items: flex-end;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link{width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 4; display: flex; justify-content: center; align-items: center; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 60px 60px 60px 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .play-video-link img{width: 130px; height: 130px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 60px 60px 60px 60px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 50px; z-index: 3; gap: 10px;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .video-name{text-decoration: none; font-size: 36px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .date, .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .author{font-size: 26px; font-weight: 300; color: white; text-transform: initial;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-wrapper .swiper-slide .liked-video-elements .liked-video-info .date-author .divider{width: 2px; height: 25px; background-color: white; margin: 0px 25px !important;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-prev.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation:after{content: "";}.your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper.liked-page .swiper-button-next.liked-videos-page-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.video-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.video-popup-container .video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.video-popup-container .video-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.video-popup-container .video-popup-section .video-popup-section-container{width: 100%; height: auto; position: relative; padding: 50px;}.video-popup-container .video-popup-section .video-popup-section-container #video-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer; z-index: 10;}.video-popup-container .video-popup-section .video-popup-section-container .video-container{width: 100%; height: 800px;}.video-popup-container .video-popup-section .video-popup-section-container .video-container video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1882352941);}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box{width: 100%; height: auto; display: flex; align-items: center; padding: 40px 0px 0px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container{width: 50%; height: auto;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details{width: 100%; height: auto; margin-bottom: 20px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .video-details p{font-size: 36px; font-weight: 500; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .date, .video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .author{font-size: 26px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-details-container .date-author .divider{width: 2px; height: 25px; background-color: #606060; margin: 0px 25px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react{width: 50%; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 30px;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container img{width: 38px; margin-inline-end: 15px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-status-container p{font-size: 28px; font-weight: 300; color: #137DC5; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .saved-divider{width: 2px; height: 25px; background-color: #606060;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container img{width: 40px; margin-inline-end: 15px !important;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p{font-size: 28px; font-weight: 300; color: #606060; text-transform: initial;}.video-popup-container .video-popup-section .video-popup-section-container .video-info-box .video-react .likes-count-container p span{font-size: 28px; font-weight: 300; color: #606060; text-transform: initial; margin-inline-end: 10px !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .your-videos-page-tabs .videos-tab .liked-videos .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap .your-videos-page-container .section-title-container .section-tabs-container .section-tabs .active-tab-overlay{left: 0px !important; right: initial !important;}} /* /odex_website/static/src/css/forgot_password.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 16px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 12px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 50px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 20px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 20px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 35px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 18px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 421px) and (max-width: 767px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 140px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 40px; padding: 60px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 22px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 768px) and (max-width: 1024px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 70px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 30px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 130px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 70%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 13px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 60px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 34px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 45%; height: 100%; background-color: white;}.log-container .sign-bg{width: 55%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 44%; height: auto; position: absolute; top: 120px; right: 80px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 45px 30px 180px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 43%; height: 100%; background-color: white;}.log-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 42%; height: auto; position: absolute; top: 110px; right: 110px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 50px 30px 180px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.log-container{width: 100%; height: 120vh; display: flex; position: relative;}.log-container .sign-side{width: 43%; height: 100%; background-color: white;}.log-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 170px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 40%; height: auto; position: absolute; top: 135px; right: 135px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 50px 30px 200px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 15px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 38%; height: auto; position: absolute; top: 180px; right: 180px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 14px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 14px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 60px 30px 200px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 28px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 16px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 200px; right: 200px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 15px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 15px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 80px 40px 200px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 34px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 17px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 250px; right: 250px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 16px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 16px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 100px 40px 300px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 15px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 38px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 17px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 15px;}}@media screen and (min-width: 3840px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 40%; height: 100%; background-color: white;}.log-container .sign-bg{width: 60%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 100px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 25px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 400px; right: 400px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 80px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 26px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 2px; height: 26px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 26px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 60px; padding: 140px 60px 500px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 80px;}.log-container .login-form-container #forgot_password_form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 25px;}.log-container .login-form-container #forgot_password_form .form-title span{font-size: 60px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #forgot_password_form input[type=email]{width: 100%; height: 75px; font-size: 24px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.log-container .login-form-container #forgot_password_form input[type=email]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #send_code{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 28px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer; margin-bottom: 30px;}} /* /odex_website/static/src/css/login.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 20px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 16px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; gap: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 12px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; line-height: 1.5;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 12px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 12px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 12px; font-weight: 500; color: #606060; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 12px; font-weight: 500; color: #137DC5; margin-inline-start: 0px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 130px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; gap: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; gap: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 20px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 16px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; gap: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 140px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 30px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 130px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 70%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 13px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 34px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 14px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 14px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 14px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 14px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 14px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 45%; height: 100%; background-color: white;}.log-container .sign-bg{width: 55%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 44%; height: auto; position: absolute; top: 120px; right: 80px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding-top: 20px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 45px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 16px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 12px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 12px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 12px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 12px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.log-container{width: 100%; height: 120vh; display: flex; position: relative;}.log-container .sign-side{width: 43%; height: 100%; background-color: white;}.log-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 42%; height: auto; position: absolute; top: 110px; right: 110px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding-top: 20px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 50px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 16px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.log-container{width: 100%; height: 125vh; display: flex; position: relative;}.log-container .sign-side{width: 43%; height: 100%; background-color: white;}.log-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 170px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 40%; height: auto; position: absolute; top: 135px; right: 135px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 50px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.log-container{width: 100%; height: 115vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 15px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 38%; height: auto; position: absolute; top: 180px; right: 180px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 14px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 14px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 60px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 28px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 20px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 14px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 14px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 14px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 14px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 14px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 16px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 200px; right: 200px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 15px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 15px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 80px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .form-title span{font-size: 34px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 20px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 15px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 15px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 15px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 15px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 15px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 17px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 250px; right: 250px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 16px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 16px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 100px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 15px;}.log-container .login-form-container #login-form .form-title span{font-size: 38px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 15px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 22px; margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 15px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 18px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 16px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(1.3); margin-inline-end: 10px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 16px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 17px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 15px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 16px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 3840px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 40%; height: 100%; background-color: white;}.log-container .sign-bg{width: 60%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 100px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 25px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 400px; right: 400px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 80px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 26px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 2px; height: 26px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 26px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 60px; padding: 140px 60px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.log-container .login-form-container #login-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 25px;}.log-container .login-form-container #login-form .form-title span{font-size: 60px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-form #google-login, .log-container .login-form-container #login-form #microsoft-signup{width: 100%; height: 75px; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: normal; color: #606060; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 30px;}.log-container .login-form-container #login-form #google-login img, .log-container .login-form-container #login-form #microsoft-signup img{width: 34px; margin-inline-end: 15px !important;}.log-container .login-form-container #login-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container #login-form .divider-container .horizontal-line{width: 45%; height: 2px; background-color: #D4D4D4;}.log-container .login-form-container #login-form .divider-container p{font-size: 24px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container #login-form input[type=email]{width: 100%; height: 75px; font-size: 24px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.log-container .login-form-container #login-form input[type=email]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form input[type=password]{width: 100%; height: 75px; font-size: 24px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px; margin-bottom: 30px;}.log-container .login-form-container #login-form input[type=password]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-form .login-confirm{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.log-container .login-form-container #login-form .login-confirm label{width: auto; height: auto; font-size: 24px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.log-container .login-form-container #login-form .login-confirm label input{transform: scale(2); margin-inline-end: 20px !important;}.log-container .login-form-container #login-form .login-confirm a{text-decoration: underline; font-size: 24px; font-weight: 500; color: #137DC5;}.log-container .login-form-container #login-form #login-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 28px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer; margin-bottom: 30px;}.log-container .login-form-container #login-form .signup-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p{text-decoration: none; font-size: 24px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-form .signup-option p a{text-decoration: none; font-size: 24px; font-weight: 500; color: #137DC5; margin-inline-start: 15px !important;}} /* /odex_website/static/src/css/resert_password.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 16px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 12px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 12px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 11px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 50px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 20px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 14px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 20px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 14px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 35px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 20px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 14px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 11px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 421px) and (max-width: 767px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 140px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 40px; padding: 60px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 22px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 15px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 768px) and (max-width: 1024px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 70px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 30px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 16px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 130px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 26px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 14px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 15px;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 70%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 13px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 60px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 35px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 34px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 16px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 17px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 45%; height: 100%; background-color: white;}.log-container .sign-bg{width: 55%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 44%; height: auto; position: absolute; top: 120px; right: 80px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 45px 30px 180px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 24px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 14px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 43%; height: 100%; background-color: white;}.log-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 42%; height: auto; position: absolute; top: 110px; right: 110px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 50px 30px 180px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 26px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 14px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.log-container{width: 100%; height: 120vh; display: flex; position: relative;}.log-container .sign-side{width: 43%; height: 100%; background-color: white;}.log-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 170px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 40%; height: auto; position: absolute; top: 135px; right: 135px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 50px 30px 200px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 26px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 15px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 15px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 38%; height: auto; position: absolute; top: 180px; right: 180px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 14px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 14px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 60px 30px 200px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; margin-bottom: 0px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 28px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 16px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 16px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 200px; right: 200px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 15px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 15px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 80px 40px 200px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 25px; margin-bottom: 0px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 34px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 18px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 10px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 17px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 250px; right: 250px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 16px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 16px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 100px 40px 300px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 25px; margin-bottom: 15px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 38px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 18px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px; margin-bottom: 15px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 17px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 15px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 25px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 20px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 3840px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 40%; height: 100%; background-color: white;}.log-container .sign-bg{width: 60%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 100px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 25px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 400px; right: 400px; border: none; outline: none;}.log-container .login-form-container .breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 80px;}.log-container .login-form-container .breadcrumbs a{text-decoration: none; font-size: 26px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .breadcrumbs span{width: 2px; height: 26px; background-color: #045992;}.log-container .login-form-container .breadcrumbs p{font-size: 26px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #forgot_password_form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 60px; padding: 140px 60px 500px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px;}.log-container .login-form-container #forgot_password_form .reset-form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 50px; margin-bottom: 25px;}.log-container .login-form-container #forgot_password_form .reset-form-title span{font-size: 60px; font-weight: 700; color: #137DC5; text-align: start;}.log-container .login-form-container #forgot_password_form .reset-form-title p{font-size: 30px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #forgot_password_form input[type=password]{width: 100%; height: 75px; font-size: 24px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px; margin-bottom: 30px;}.log-container .login-form-container #forgot_password_form input[type=password]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #forgot_password_form #confirm_reset{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 28px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer; margin-bottom: 30px;}.log-container .login-form-container .message-container{display: flex; flex-direction: column; align-items: flex-start; gap: 40px;}.log-container .login-form-container .message-container a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.log-container .login-form-container .message-container a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}} /* /odex_website/static/src/css/signip.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.sign-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.sign-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.sign-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 20px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 20px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 16px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 12px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=tel]{margin-bottom: 10px;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 8px;}.sign-container .sign-form-container #signup-form select option{font-size: 12px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 12px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; line-height: 1.5;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 12px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 12px; font-weight: 500; color: #606060; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 12px; font-weight: 500; color: #137DC5; margin-inline-start: 0px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.sign-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 130px; padding-bottom: 50px;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.sign-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.sign-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 26px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=tel]{margin-bottom: 10px;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 13px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.sign-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.sign-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.sign-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 24px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=tel]{margin-bottom: 10px;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 13px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.sign-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.sign-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.sign-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 20px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 20px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 16px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=tel]{margin-bottom: 10px;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 13px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.sign-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 140px; padding-bottom: 50px;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.sign-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.sign-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 26px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=tel]{margin-bottom: 10px;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 13px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){.sign-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.sign-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.sign-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 30px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 30px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 12px); height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 12px); height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 13px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.sign-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 130px; padding-bottom: 50px;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.sign-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.sign-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 26px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 10px); height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=tel]{margin-bottom: 10px;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 10px); height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 13px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.sign-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.sign-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.sign-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 70%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 13px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 34px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 34px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 14px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 12px); height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 12px); height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 14px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 14px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 14px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 14px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.sign-container{width: 100%; height: 120vh; display: flex; position: relative;}.sign-container .sign-side{width: 45%; height: 100%; background-color: white;}.sign-container .sign-bg{width: 55%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.sign-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 44%; height: auto; position: absolute; top: 120px; right: 80px; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding-top: 20px; margin-bottom: 40px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 24px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 16px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 12px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 10px); height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 10px); height: 40px; font-size: 12px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 12px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 12px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 12px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 12px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.sign-container{width: 100%; height: 120vh; display: flex; position: relative;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white;}.sign-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.sign-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 42%; height: auto; position: absolute; top: 110px; right: 110px; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding-top: 20px; margin-bottom: 40px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 26px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 16px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 12px); height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 12px); height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 13px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.sign-container{width: 100%; height: 125vh; display: flex; position: relative;}.sign-container .sign-side{width: 43%; height: 100%; background-color: white;}.sign-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.sign-container .sign-bg p{position: absolute; bottom: 170px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 40%; height: auto; position: absolute; top: 135px; right: 135px; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 26px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 18px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 13px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 15px); height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 15px); height: 40px; font-size: 13px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 13px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 13px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.sign-container{width: 100%; height: 115vh; display: flex; position: relative;}.sign-container .sign-side{width: 38%; height: 100%; background-color: white;}.sign-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.sign-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 15px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 38%; height: auto; position: absolute; top: 180px; right: 180px; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 14px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 14px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 28px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 28px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 20px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 14px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 15px); height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 15px); height: 40px; font-size: 14px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 14px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 14px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 14px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 14px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.sign-container{width: 100%; height: 110vh; display: flex; position: relative;}.sign-container .sign-side{width: 38%; height: 100%; background-color: white;}.sign-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.sign-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 16px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 35%; height: auto; position: absolute; top: 200px; right: 200px; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 15px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 15px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 34px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 34px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 20px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 15px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 15px); height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 15px); height: 40px; font-size: 15px; font-weight: 300; color: black; border-radius: 20px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 10px; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form select option{font-size: 15px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 15px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 15px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 15px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.sign-container{width: 100%; height: 100vh; display: flex; position: relative;}.sign-container .sign-side{width: 38%; height: 100%; background-color: white;}.sign-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.sign-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 17px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 35%; height: auto; position: absolute; top: 250px; right: 250px; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 16px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 16px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 38px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 38px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: normal; color: #606060; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 22px; margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 1px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 18px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 20px); height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 15px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 20px); height: 45px; font-size: 15px; font-weight: 300; color: black; border-radius: 30px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 15px)) center; background-size: 12px; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form select option{font-size: 15px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 16px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form label input{transform: scale(1.3); margin-inline-end: 10px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 17px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 16px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 16px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}}@media screen and (min-width: 3840px){.sign-container{width: 100%; height: 100vh; display: flex; position: relative;}.sign-container .sign-side{width: 40%; height: 100%; background-color: white;}.sign-container .sign-bg{width: 60%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 100px 0px; position: relative;}.sign-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 25px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.sign-container .sign-form-container{width: 35%; height: auto; position: absolute; top: 400px; right: 400px; border: none; outline: none;}.sign-container .sign-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 80px;}.sign-container .sign-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 26px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container .sign-breadcrumbs span{width: 2px; height: 26px; background-color: #045992;}.sign-container .sign-form-container .sign-breadcrumbs p{font-size: 26px; font-weight: 300; color: #137DC5;}.sign-container .sign-form-container #signup-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 60px; padding: 60px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.sign-container .sign-form-container #signup-form .form-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 25px;}.sign-container .sign-form-container #signup-form .form-title span{font-size: 60px; font-weight: 700; color: #137DC5;}.sign-container .sign-form-container #signup-form .form-title .brand{font-size: 60px; font-weight: 700; color: #045992;}.sign-container .sign-form-container #signup-form #google-signup, .sign-container .sign-form-container #signup-form #microsoft-signup{width: 100%; height: 75px; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: normal; color: #606060; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; box-shadow: rgba(0, 0, 0, 0.0588235294); border: none; cursor: pointer; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form #google-signup img, .sign-container .sign-form-container #signup-form #microsoft-signup img{width: 34px; margin-inline-end: 15px !important;}.sign-container .sign-form-container #signup-form .divider-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form .divider-container .horizontal-line{width: 45%; height: 2px; background-color: #D4D4D4;}.sign-container .sign-form-container #signup-form .divider-container p{font-size: 24px; font-weight: 300; color: #AAABAB;}.sign-container .sign-form-container #signup-form input[type=tel]{width: calc(50% - 20px); height: 75px; font-size: 24px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.sign-container .sign-form-container #signup-form input[type=tel]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form input[type=text], .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name, .sign-container .sign-form-container #signup-form input[type=email], .sign-container .sign-form-container #signup-form input[type=password]{width: 100%; height: 75px; font-size: 24px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB; outline: 2px solid #E3E4E4; border: none; text-indent: 30px;}.sign-container .sign-form-container #signup-form input[type=text]:focus, .sign-container .sign-form-container #signup-form input[type=text]#sign_company_name:focus, .sign-container .sign-form-container #signup-form input[type=email]:focus, .sign-container .sign-form-container #signup-form input[type=password]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.sign-container .sign-form-container #signup-form select{width: calc(50% - 20px); height: 75px; font-size: 24px; font-weight: 300; color: black; border-radius: 50px; background-color: #FBFBFB !important; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/odex_website/static/src/css/../../img/dropdown-icon.png) no-repeat center left; background-position: calc(100% - (100% - 20px)) center; background-size: 15px; margin-bottom: 30px;}.sign-container .sign-form-container #signup-form select option{font-size: 24px; font-weight: 300; color: black;}.sign-container .sign-form-container #signup-form label{width: auto; height: auto; font-size: 24px; font-weight: 500; line-height: 1; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.sign-container .sign-form-container #signup-form label input{transform: scale(2); margin-inline-end: 20px !important;}.sign-container .sign-form-container #signup-form #signup-submit{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 28px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer; margin-bottom: 30px;}.sign-container .sign-form-container #signup-form .signin-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p{text-decoration: none; font-size: 24px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.sign-container .sign-form-container #signup-form .signin-option p a{text-decoration: none; font-size: 24px; font-weight: 500; color: #137DC5; margin-inline-start: 15px !important;}} /* /odex_website/static/src/css/blog.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.blog-main{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 20px 10px; margin-bottom: 30px; gap: 20px;}.blog-main .blog-main-info{width: 100%; height: auto; margin-bottom: 30px;}.blog-main .blog-main-info .blog-title{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 10px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 10px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 16px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 26px; height: 26px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 16px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 10px;}.blog-main .blog-main-info .heading-one-container p{font-size: 12px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 170px; height: 170px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 85px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 85px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 85px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 85px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 20px; margin-bottom: 10px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 0px; margin-bottom: 25px;}.blog-details-one .blog-details-img img{width: 100%; height: 150px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 16px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 10px;}.blog-details-one .blog-details-one-content p{font-size: 12px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 30px 20px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 20px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 6px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 430px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 15px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 12px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 8px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 15px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 12px; font-weight: 500; height: 30px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.blog-main{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 20px 10px; margin-bottom: 30px; gap: 20px;}.blog-main .blog-main-info{width: 100%; height: auto; margin-bottom: 30px;}.blog-main .blog-main-info .blog-title{font-size: 22px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 18px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 28px; height: 28px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 20px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 220px; height: 220px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 110px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 110px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 110px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 110px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 20px; margin-bottom: 20px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 0px; margin-bottom: 40px;}.blog-details-one .blog-details-img img{width: 100%; height: 190px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 20px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-details-one .blog-details-one-content p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 30px 20px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 506px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 20px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 35px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.blog-main{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 20px 10px; margin-bottom: 30px; gap: 20px;}.blog-main .blog-main-info{width: 100%; height: auto; margin-bottom: 30px;}.blog-main .blog-main-info .blog-title{font-size: 22px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 18px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 28px; height: 28px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 20px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 220px; height: 220px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 110px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 110px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 110px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 110px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 20px; margin-bottom: 20px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 0px; margin-bottom: 35px;}.blog-details-one .blog-details-img img{width: 100%; height: 180px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 20px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-details-one .blog-details-one-content p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 30px 20px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 506px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 20px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 35px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.blog-main{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 20px 10px; margin-bottom: 30px; gap: 20px;}.blog-main .blog-main-info{width: 100%; height: auto; margin-bottom: 30px;}.blog-main .blog-main-info .blog-title{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 10px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 16px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 26px; height: 26px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 18px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 10px;}.blog-main .blog-main-info .heading-one-container p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 220px; height: 220px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 110px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 110px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 110px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 110px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 20px; margin-bottom: 10px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 0px; margin-bottom: 25px;}.blog-details-one .blog-details-img img{width: 100%; height: 165px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 18px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 10px;}.blog-details-one .blog-details-one-content p{font-size: 13px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 30px 20px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 20px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 466px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 13px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 10px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 20px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 32px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 421px) and (max-width: 767px){.blog-main{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 40px 10px; margin-bottom: 30px; gap: 25px;}.blog-main .blog-main-info{width: 100%; height: auto; margin-bottom: 35px;}.blog-main .blog-main-info .blog-title{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 20px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 18px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 22px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 18px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 28px; height: 28px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 24px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 250px; height: 250px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 125px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 125px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 125px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 125px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 40px; margin-bottom: 30px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 0px; margin-bottom: 40px;}.blog-details-one .blog-details-img img{width: 100%; height: 200px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 24px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-details-one .blog-details-one-content p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 50px 40px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 566px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 25px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 40px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 768px) and (max-width: 1024px){.blog-main{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; padding: 0px 40px 10px; margin-bottom: 40px; gap: 40px;}.blog-main .blog-main-info{width: 100%; height: auto; margin-bottom: 50px;}.blog-main .blog-main-info .blog-title{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 25px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 18px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 22px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 18px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 28px; height: 28px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 24px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 300px; height: 300px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 190px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 190px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 190px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 190px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 40px; margin-bottom: 40px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 60px; margin-bottom: 40px;}.blog-details-one .blog-details-img img{width: 100%; height: 280px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 24px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-details-one .blog-details-one-content p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 50px 40px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 550px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 70px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 25px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 40px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.blog-details-one{width: 100%; height: auto; padding: 20px 40px; margin-bottom: 20px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 60px; margin-bottom: 40px;}.blog-details-one .blog-details-img img{width: 100%; height: 250px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 24px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-details-one .blog-details-one-content p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 30px 40px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 510px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 20px; gap: 12px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 35px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.blog-details-one{width: 100%; height: auto; padding: 20px 40px; margin-bottom: 10px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 0px; margin-bottom: 25px;}.blog-details-one .blog-details-img img{width: 100%; height: 175px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 16px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 10px;}.blog-details-one .blog-details-one-content p{font-size: 12px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 30px 50px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 119vh; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 15px 20px; gap: 6px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 35px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.blog-details-one{width: 100%; height: auto; padding: 20px 40px; margin-bottom: 10px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 0px; margin-bottom: 25px;}.blog-details-one .blog-details-img img{width: 100%; height: 170px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 16px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 10px;}.blog-details-one .blog-details-one-content p{font-size: 12px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 30px 50px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 138vh; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 16px; gap: 10px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 35px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.blog-details-one{width: 100%; height: auto; padding: 20px 40px; margin-bottom: 10px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 0px; margin-bottom: 25px;}.blog-details-one .blog-details-img img{width: 100%; height: 170px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 16px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 10px;}.blog-details-one .blog-details-one-content p{font-size: 12px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 30px 80px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 165vh; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 20px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 20px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 13px; font-weight: 500; height: 35px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.blog-main{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0px 50px; margin-bottom: 70px;}.blog-main .blog-main-info{width: 100%; height: auto;}.blog-main .blog-main-info .blog-title{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 30px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 24px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 30px; height: 30px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 26px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 330px; height: 330px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 165px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 165px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 165px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 165px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 50px; margin-bottom: 50px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 100px; margin-bottom: 40px;}.blog-details-one .blog-details-img img{width: 100%; height: 320px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 26px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-details-one .blog-details-one-content p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 50px 50px 50px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 36px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 652px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 18px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 15px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 25px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 17px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 16px; font-weight: 500; height: 45px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 30px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.blog-main{width: 100%; height: auto; display: flex; justify-content: space-between; padding: 0px 80px; margin-bottom: 60px;}.blog-main .blog-main-info{width: 45%; height: auto;}.blog-main .blog-main-info .blog-title{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 20px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 20px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 24px; height: 24px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 22px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 45%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 350px; height: 350px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 175px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 175px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 175px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 175px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 80px; margin-bottom: 40px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 100px; margin-bottom: 50px;}.blog-details-one .blog-details-img img{width: 100%; height: 280px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 22px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-details-one .blog-details-one-content p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 50px 80px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 528px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 70px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 25px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 40px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.blog-main{width: 100%; height: auto; display: flex; justify-content: space-between; padding: 10px 100px; margin-bottom: 60px;}.blog-main .blog-main-info{width: 45%; height: auto;}.blog-main .blog-main-info .blog-title{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 25px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 20px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 26px; height: 26px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 24px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-main .blog-main-info .heading-one-container p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 45%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 380px; height: 380px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 190px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 190px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 190px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 190px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 100px; margin-bottom: 40px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 100px; margin-bottom: 50px;}.blog-details-one .blog-details-img img{width: 100%; height: 300px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 24px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 15px;}.blog-details-one .blog-details-one-content p{font-size: 14px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 50px 100px 30px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 535px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 70px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 15px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 11px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 25px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 40px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.blog-main{width: 100%; height: auto; display: flex; justify-content: space-between; padding: 10px 135px; margin-bottom: 60px;}.blog-main .blog-main-info{width: 45%; height: auto;}.blog-main .blog-main-info .blog-title{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 30px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 22px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 16px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 26px; height: 26px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 26px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 45%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 400px; height: 400px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 200px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 200px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 200px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 200px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 135px; margin-bottom: 60px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 100px; margin-bottom: 50px;}.blog-details-one .blog-details-img img{width: 100%; height: 320px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 26px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-details-one .blog-details-one-content p{font-size: 15px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 40px 135px 20px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 30px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 530px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 70px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 25px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 14px; font-weight: 500; height: 40px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.blog-main{width: 100%; height: auto; display: flex; justify-content: space-between; padding: 10px 180px; margin-bottom: 60px;}.blog-main .blog-main-info{width: 45%; height: auto;}.blog-main .blog-main-info .blog-title{font-size: 38px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 30px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 24px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 18px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 30px; height: 30px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 28px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container p{font-size: 16px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 45%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 450px; height: 450px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 225px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 225px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 225px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 225px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 180px; margin-bottom: 60px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 150px; margin-bottom: 50px;}.blog-details-one .blog-details-img img{width: 100%; height: 350px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 28px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-details-one .blog-details-one-content p{font-size: 16px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 40px 180px 40px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 32px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 550px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 60px) !important; border-radius: 25px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 25px 25px 25px 25px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 25px 25px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 25px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 16px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 12px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 25px; gap: 15px; border-radius: 0px 0px 25px 25px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 14px; font-weight: 400; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 16px; font-weight: 500; height: 40px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.blog-main{width: 100%; height: auto; display: flex; justify-content: space-between; padding: 20px 200px; margin-bottom: 80px;}.blog-main .blog-main-info{width: 45%; height: auto;}.blog-main .blog-main-info .blog-title{font-size: 42px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 30px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: #AAABAB; margin: 0px 10px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 26px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 32px; height: 32px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 30px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container p{font-size: 18px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 45%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 500px; height: 500px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 250px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 250px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 250px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 250px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 200px; margin-bottom: 80px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 200px; margin-bottom: 80px;}.blog-details-one .blog-details-img img{width: 100%; height: 400px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 30px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-details-one .blog-details-one-content p{font-size: 18px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 50px 200px 40px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 36px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 690px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; border-radius: 30px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 30px 30px 30px 30px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 30px 30px 30px 30px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 30px 30px 30px 30px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 30px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 18px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 13px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 15px; background-color: white; margin: 0px 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 25px 30px; gap: 15px; border-radius: 0px 0px 30px 30px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 16px; font-weight: 500; height: 45px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 25px; border-radius: 24px 24px 0px 24px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.blog-main{width: 100%; height: auto; display: flex; justify-content: space-between; padding: 20px 250px; margin-bottom: 80px;}.blog-main .blog-main-info{width: 45%; height: auto;}.blog-main .blog-main-info .blog-title{font-size: 50px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 30px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 1px; height: 16px; background-color: #AAABAB; margin: 0px 15px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 30px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 32px; height: 32px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 34px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container p{font-size: 20px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 45%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 500px; height: 500px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 250px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 250px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 250px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 250px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 20px 250px; margin-bottom: 80px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 300px; margin-bottom: 100px;}.blog-details-one .blog-details-img img{width: 100%; height: 500px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 34px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-details-one .blog-details-one-content p{font-size: 20px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 50px 250px 50px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 50px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 46px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 10px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 800px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 100px) !important; border-radius: 40px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 65%; position: relative; isolation: isolate; border-radius: 40px 40px 40px 40px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 40px 40px 40px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 40px 40px 40px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 30px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 24px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 18px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 1px; height: 18px; background-color: white; margin: 0px 15px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 35%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 30px; gap: 15px; border-radius: 0px 0px 40px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 20px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 20px; font-weight: 500; height: 50px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 25px; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}}@media screen and (min-width: 3840px){.blog-main{width: 100%; height: auto; display: flex; justify-content: space-between; padding: 40px 400px; margin-bottom: 120px;}.blog-main .blog-main-info{width: 45%; height: auto;}.blog-main .blog-main-info .blog-title{font-size: 80px; font-weight: 700; color: #045992; text-transform: initial; margin-bottom: 60px;}.blog-main .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 50px;}.blog-main .blog-main-info .date-author .date, .blog-main .blog-main-info .date-author .author{font-size: 26px; font-weight: 300; color: #AAABAB; text-transform: initial;}.blog-main .blog-main-info .date-author .divider{width: 2px; height: 25px; background-color: #AAABAB; margin: 0px 25px !important;}.blog-main .blog-main-info .share-blog-container{width: 100%; height: auto; padding: 30px 0px; margin-bottom: 30px;}.blog-main .blog-main-info .share-blog-container .share-blog-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 30px; margin-bottom: 30px;}.blog-main .blog-main-info .share-blog-container .share-blog-title p{font-size: 46px; font-weight: 400; color: #022D49; text-transform: initial;}.blog-main .blog-main-info .share-blog-container .share-blog{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 30px;}.blog-main .blog-main-info .share-blog-container .share-blog a{text-decoration: none;}.blog-main .blog-main-info .share-blog-container .share-blog a img{width: 52px; height: 52px;}.blog-main .blog-main-info .heading-one-container{width: 100%; height: auto; margin-bottom: 50px;}.blog-main .blog-main-info .heading-one-container h1{font-size: 54px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-main .blog-main-info .heading-one-container p{font-size: 34px; font-weight: normal; color: #606060; text-transform: initial;}.blog-main .blog-thumbnails{width: 45%; height: auto; display: flex; justify-content: center; align-items: center;}.blog-main .blog-thumbnails .integrations{width: 900px; height: 900px; position: relative; transform: rotate(-45deg); isolation: isolate;}.blog-main .blog-thumbnails .integrations .circle-blue-bg{width: 85%; height: 85%; border-radius: 50%; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: #137DC5;}.blog-main .blog-thumbnails .integrations .integrations-one{width: 50%; height: 50%; background-color: #A7CAE3; border-top-right-radius: 450px; position: absolute; top: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-one img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-two{width: 50%; height: 50%; background-color: #A7CAE3; border-top-left-radius: 450px; position: absolute; top: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-two img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-three{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-right-radius: 450px; position: absolute; bottom: -5%; right: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-three img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-main .blog-thumbnails .integrations .integrations-four{width: 50%; height: 50%; background-color: #A7CAE3; border-bottom-left-radius: 450px; position: absolute; bottom: -5%; left: -5%; z-index: 2; overflow: hidden;}.blog-main .blog-thumbnails .integrations .integrations-four img{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; transform: rotate(45deg) !important;}.blog-details-one{width: 100%; height: auto; padding: 40px 400px; margin-bottom: 120px;}.blog-details-one .blog-details-img{width: 100%; height: auto; padding: 0px 400px; margin-bottom: 150px;}.blog-details-one .blog-details-img img{width: 100%; height: 900px; display: block; -o-object-fit: contain; object-fit: contain;}.blog-details-one .blog-details-one-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.blog-details-one .blog-details-one-content h1{font-size: 54px; font-weight: 600; color: #022D49; text-transform: initial; margin-bottom: 20px;}.blog-details-one .blog-details-one-content p{font-size: 34px; font-weight: normal; color: #606060; text-transform: initial;}.relevant-blogs-container{width: 100%; height: auto; background-color: #F5F8FB; padding: 80px 400px 50px;}.relevant-blogs-container .relevant-blogs-title{width: 100%; height: auto; margin-bottom: 80px; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-title span{font-size: 70px; font-weight: 700; color: #137DC5;}.relevant-blogs-container .relevant-blogs-title .dark{color: #045992; margin-inline-end: 15px !important;}.relevant-blogs-container .relevant-blogs-slider-container{width: 100%; height: auto;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs{width: auto; height: 1200px; padding: 0px 0px 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide{background-color: white; position: relative; outline: none; border: none; height: calc(100% - 150px) !important; border-radius: 50px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img{width: 100%; height: 60%; position: relative; isolation: isolate; border-radius: 50px 50px 50px 50px; display: flex; align-items: flex-end;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; right: 0; z-index: 1; border-radius: 50px 50px 50px 50px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-img-overlay{width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 50%, rgba(74, 135, 177, 0.3841911765) 75%, rgb(4, 89, 146) 100%); border-radius: 50px 50px 50px 50px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info{width: 100%; height: auto; display: flex; flex-direction: column; justify-self: center; align-items: flex-start; padding: 50px; z-index: 3; gap: 10px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .blog-name{text-decoration: none; font-size: 36px; font-weight: 500; color: white; text-transform: initial; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .date, .relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .author{font-size: 26px; font-weight: 300; color: white; text-transform: initial;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-img .blog-main-info .date-author .divider{width: 2px; height: 25px; background-color: white; margin: 0px 25px !important;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description{width: 100%; height: 40%; background-color: white; display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; padding: 50px; gap: 15px; border-radius: 0px 0px 50px 50px;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description p{font-size: 30px; font-weight: 300; color: #606060; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-wrapper .swiper-slide .blog-description a{text-decoration: none; font-size: 34px; font-weight: 500; height: 80px; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; padding: 0px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: 1px solid #137DC5;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-prev.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs:after{content: "";}.relevant-blogs-container .relevant-blogs-slider-container .swiper.relevant-blogs .swiper-button-next.relevant-blogs img{width: 50%; -o-object-fit: cover; object-fit: cover;}} /* /odex_website/static/src/css/verification.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 24px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 16px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 12px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 12px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 10px !important;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 12px; font-weight: 500; color: #137DC5; margin-bottom: 30px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 26px; height: 26px; font-size: 14px; font-weight: normal; color: #137DC5; border-radius: 5px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 12px; font-weight: 500; color: #606060; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 12px; font-weight: 500; color: #137DC5; margin-inline-start: 0px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 12px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 50px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 13px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 28px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 22px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 10px !important;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-bottom: 30px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 35px; height: 35px; font-size: 18px; font-weight: normal; color: #137DC5; border-radius: 5px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 50px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 28px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 22px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 10px !important;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-bottom: 30px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 35px; height: 35px; font-size: 18px; font-weight: normal; color: #137DC5; border-radius: 5px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 50px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 120px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 10px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 10px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 30px 25px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 28px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 18px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 10px !important;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-bottom: 30px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 32px; height: 32px; font-size: 16px; font-weight: normal; color: #137DC5; border-radius: 5px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 13px; font-weight: 500; color: #606060; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 45px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 140px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 28px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 23px; font-weight: 700; color: #137DC5; text-align: center;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 10px !important;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-bottom: 30px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 40px; height: 40px; font-size: 18px; font-weight: normal; color: #137DC5; border-radius: 5px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 35px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 60px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 80%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 28px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 30px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 10px !important;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-bottom: 30px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 75px; height: 75px; font-size: 26px; font-weight: normal; color: #137DC5; border-radius: 12px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 70px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 70px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 130px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 85%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 30px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.2); border-radius: 30px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{text-decoration: none; font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 55px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 20px; gap: 10px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 55px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 25px; gap: 10px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 50px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.log-container{width: 100%; height: auto; display: flex; justify-content: center; position: relative; padding-top: 160px; padding-bottom: 50px;}.log-container .sign-side{width: 43%; height: 100%; background-color: white; display: none;}.log-container .sign-bg{width: 100%; height: 100%; background-image: none; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative; display: none;}.log-container .sign-bg p{position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: #137DC5; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 70%; height: auto; position: initial; top: initial !important; right: initial !important; transform: initial !important; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 13px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 13px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 40px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 28px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 34px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 14px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 14px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 15px !important;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 14px; font-weight: 500; color: #137DC5; margin-bottom: 35px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 80px; height: 80px; font-size: 28px; font-weight: normal; color: #137DC5; border-radius: 12px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 14px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 14px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 30px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 70px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 45%; height: 100%; background-color: white;}.log-container .sign-bg{width: 55%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 44%; height: auto; position: absolute; top: 120px; right: 80px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding-top: 20px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 45px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 22px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 24px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 12px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 12px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 12px; font-weight: 500; color: #137DC5; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 55px; height: 55px; font-size: 22px; font-weight: normal; color: #137DC5; border-radius: 12px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 12px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 12px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 13px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 60px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 43%; height: 100%; background-color: white;}.log-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 130px; right: 50%; transform: translateX(50%); font-size: 13px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 42%; height: auto; position: absolute; top: 110px; right: 110px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding-top: 20px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 50px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 24px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 60px; height: 60px; font-size: 22px; font-weight: normal; color: #137DC5; border-radius: 15px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 60px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.log-container{width: 100%; height: 120vh; display: flex; position: relative;}.log-container .sign-side{width: 43%; height: 100%; background-color: white;}.log-container .sign-bg{width: 57%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 170px; right: 50%; transform: translateX(50%); font-size: 14px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 40%; height: auto; position: absolute; top: 135px; right: 135px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 50px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 6px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 24px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 26px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 13px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 65px; height: 65px; font-size: 22px; font-weight: normal; color: #137DC5; border-radius: 15px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 13px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 13px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 40px; color: white; background-color: #137DC5; font-size: 14px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 40px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 65px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.log-container{width: 100%; height: 110vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 15px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 38%; height: auto; position: absolute; top: 180px; right: 180px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 14px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 14px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 60px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 8px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 26px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 28px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 14px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 14px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 14px; font-weight: 500; color: #137DC5; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 75px; height: 75px; font-size: 26px; font-weight: normal; color: #137DC5; border-radius: 15px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 14px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 14px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 15px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 65px 40px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 70px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 16px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 200px; right: 200px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 15px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 15px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 80px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 10px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 28px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 34px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 15px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 15px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 15px; font-weight: 500; color: #137DC5; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 80px; height: 80px; font-size: 30px; font-weight: normal; color: #137DC5; border-radius: 15px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 15px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 15px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 45px; color: white; background-color: #137DC5; font-size: 16px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 10px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 70px 40px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 76px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 38%; height: 100%; background-color: white;}.log-container .sign-bg{width: 62%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 80px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 17px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 250px; right: 250px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 50px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 16px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 16px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 40px; padding: 100px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 40px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 15px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 30px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 38px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 16px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 16px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 16px; font-weight: 500; color: #137DC5; margin-bottom: 20px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 110px; height: 110px; font-size: 40px; font-weight: normal; color: #137DC5; border-radius: 15px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 16px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 16px; font-weight: 500; color: #137DC5; margin-inline-start: 10px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 50px; color: white; background-color: #137DC5; font-size: 17px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 35px 35px 0px 35px; cursor: pointer; margin-bottom: 15px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 80px 40px; gap: 15px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 90px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}}@media screen and (min-width: 3840px){.log-container{width: 100%; height: 100vh; display: flex; position: relative;}.log-container .sign-side{width: 40%; height: 100%; background-color: white;}.log-container .sign-bg{width: 60%; height: 100%; background-image: url(/odex_website/static/src/css/../../img/sign-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0px 0px 100px 0px; position: relative;}.log-container .sign-bg p{position: absolute; bottom: 100px; right: 50%; transform: translateX(50%); font-size: 25px; font-weight: 300; color: white; text-align: center; line-height: 1.5;}.log-container .login-form-container{width: 35%; height: auto; position: absolute; top: 400px; right: 400px; border: none; outline: none;}.log-container .login-form-container .sign-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 80px;}.log-container .login-form-container .sign-breadcrumbs a{text-decoration: none; font-size: 26px; font-weight: 300; color: #AAABAB;}.log-container .login-form-container .sign-breadcrumbs span{width: 2px; height: 26px; background-color: #045992;}.log-container .login-form-container .sign-breadcrumbs p{font-size: 26px; font-weight: 300; color: #137DC5;}.log-container .login-form-container #login-verification-form, .log-container .login-form-container #create-verification-form{width: 100%; height: auto; background-color: #F6F8FA; box-shadow: rgba(0, 0, 0, 0.1607843137); box-shadow: -6px 6px 16px rgba(0, 0, 0, 0.29); border-radius: 60px; padding: 140px 60px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}.log-container .login-form-container #login-verification-form .form-title, .log-container .login-form-container #create-verification-form .form-title{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin-bottom: 25px;}.log-container .login-form-container #login-verification-form .form-title a, .log-container .login-form-container #create-verification-form .form-title a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin-inline-end: 25px;}.log-container .login-form-container #login-verification-form .form-title a img, .log-container .login-form-container #create-verification-form .form-title a img{width: 50px; margin-bottom: -10px;}.log-container .login-form-container #login-verification-form .form-title span, .log-container .login-form-container #create-verification-form .form-title span{font-size: 60px; font-weight: 700; color: #137DC5;}.log-container .login-form-container #login-verification-form .statment, .log-container .login-form-container #create-verification-form .statment{width: 100%; font-size: 24px; font-weight: 500; color: #606060; text-align: start;}.log-container .login-form-container #login-verification-form .user-email, .log-container .login-form-container #create-verification-form .user-email{width: 100%; font-size: 24px; font-weight: 500; color: #606060; text-align: start; margin-bottom: 40px;}.log-container .login-form-container #login-verification-form .change-email, .log-container .login-form-container #create-verification-form .change-email{text-decoration: underline; font-size: 24px; font-weight: 500; color: #137DC5; margin-bottom: 40px;}.log-container .login-form-container #login-verification-form .verification-code, .log-container .login-form-container #create-verification-form .verification-code{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0px;}.log-container .login-form-container #login-verification-form .verification-code input[type=number], .log-container .login-form-container #create-verification-form .verification-code input[type=number]{width: 150px; height: 150px; font-size: 60px; font-weight: normal; color: #137DC5; border-radius: 20px; background-color: #FBFBFB; outline: 1px solid #E3E4E4; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: textfield; text-align: center;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]:focus, .log-container .login-form-container #create-verification-form .verification-code input[type=number]:focus{outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #login-verification-form .verification-code input[type=number]::-webkit-outer-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-inner-spin-button, .log-container .login-form-container #create-verification-form .verification-code input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}.log-container .login-form-container #login-verification-form .verification-option, .log-container .login-form-container #create-verification-form .verification-option{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p, .log-container .login-form-container #create-verification-form .verification-option p{font-size: 24px; font-weight: 500; color: #606060; display: flex; justify-content: center; align-items: center;}.log-container .login-form-container #login-verification-form .verification-option p a, .log-container .login-form-container #create-verification-form .verification-option p a{text-decoration: underline; font-size: 24px; font-weight: 500; color: #137DC5; margin-inline-start: 15px !important;}.log-container .login-form-container #login-verification-form #verify, .log-container .login-form-container #login-verification-form #verify_account, .log-container .login-form-container #create-verification-form #verify, .log-container .login-form-container #create-verification-form #verify_account{width: 100%; height: 80px; color: white; background-color: #137DC5; font-size: 28px; font-weight: normal; display: flex; justify-content: center; align-items: center; border: none; outline: none; border-radius: 50px 50px 0px 50px; cursor: pointer; margin-bottom: 30px;}.confirm-signup-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.confirm-signup-popup-container .confirm-signup-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.confirm-signup-popup-container .confirm-signup-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px; box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1607843137);}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container{width: 100%; height: auto; position: relative;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container #confirm-signup-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 50px; gap: 30px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container img{width: 140px;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container p{font-size: 54px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.confirm-signup-popup-container .confirm-signup-popup-section .confirm-signup-popup-section-container .confirm-signup-container span{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}#wrapwrap.o_rtl main #wrap .log-container .login-form-container #login-verification-form .verification-code{flex-direction: row-reverse !important;}} /* /odex_website/static/src/css/user_managment.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url(/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf) format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url(/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf) format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url(/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf) format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url(/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf) format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url(/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf) format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url(/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf) format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url(/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf) format("truetype");}@media screen and (max-width: 319px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; margin-bottom: 10px; gap: 20px;}.user-manual-container .user-manual-image{width: 95%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 150px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 10px;}.user-manual-container .user-manual-content p{font-size: 12px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; margin-bottom: 20px; gap: 30px;}.user-manual-container .user-manual-image{width: 90%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; margin-bottom: 20px; gap: 30px;}.user-manual-container .user-manual-image{width: 90%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; margin-bottom: 10px; gap: 25px;}.user-manual-container .user-manual-image{width: 90%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 180px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 10px;}.user-manual-container .user-manual-content p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 421px) and (max-width: 767px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 30px; gap: 30px;}.user-manual-container .user-manual-image{width: 90%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 230px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 26px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 768px) and (max-width: 1024px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 40px; gap: 50px;}.user-manual-container .user-manual-image{width: 65%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 300px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 30px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 40px;}.user-manual-container .user-manual-image{width: 50%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 300px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 30px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}.user-manual-container .user-manual-image{width: 70%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 270px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}.user-manual-container .user-manual-image{width: 70%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 240px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 10px; gap: 25px;}.user-manual-container .user-manual-image{width: 70%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 220px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 10px;}.user-manual-container .user-manual-content p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.user-manual-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 50px; margin-bottom: 50px; gap: 40px;}.user-manual-container .user-manual-image{width: 50%; height: auto; order: 2;}.user-manual-container .user-manual-image img{width: 100%; height: 320px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.user-manual-container .user-manual-content h1{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.user-manual-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 80px; margin-bottom: 40px;}.user-manual-container .user-manual-image{width: 40%; height: auto;}.user-manual-container .user-manual-image img{width: 100%; height: 260px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.user-manual-container .user-manual-content h1{font-size: 30px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.user-manual-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 100px; margin-bottom: 40px;}.user-manual-container .user-manual-image{width: 40%; height: auto;}.user-manual-container .user-manual-image img{width: 100%; height: 290px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.user-manual-container .user-manual-content h1{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px;}.user-manual-container .user-manual-content p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.user-manual-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 135px; margin-bottom: 60px;}.user-manual-container .user-manual-image{width: 40%; height: auto;}.user-manual-container .user-manual-image img{width: 100%; height: 320px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.user-manual-container .user-manual-content h1{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 20px;}.user-manual-container .user-manual-content p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.user-manual-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 180px; margin-bottom: 60px;}.user-manual-container .user-manual-image{width: 40%; height: auto;}.user-manual-container .user-manual-image img{width: 100%; height: 330px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.user-manual-container .user-manual-content h1{font-size: 40px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 20px;}.user-manual-container .user-manual-content p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.user-manual-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 200px; margin-bottom: 80px;}.user-manual-container .user-manual-image{width: 40%; height: auto;}.user-manual-container .user-manual-image img{width: 100%; height: 380px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.user-manual-container .user-manual-content h1{font-size: 44px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 20px;}.user-manual-container .user-manual-content p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.user-manual-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 20px 250px; margin-bottom: 80px;}.user-manual-container .user-manual-image{width: 40%; height: auto;}.user-manual-container .user-manual-image img{width: 100%; height: 500px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.user-manual-container .user-manual-content h1{font-size: 50px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 20px;}.user-manual-container .user-manual-content p{font-size: 20px; font-weight: normal; color: #AAABAB; text-transform: initial;}}@media screen and (min-width: 3840px){.user-manual-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 40px 400px; margin-bottom: 120px;}.user-manual-container .user-manual-image{width: 40%; height: auto;}.user-manual-container .user-manual-image img{width: 100%; height: 750px; -o-object-fit: cover; object-fit: cover;}.user-manual-container .user-manual-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.user-manual-container .user-manual-content h1{font-size: 80px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 20px;}.user-manual-container .user-manual-content p{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial;}} /* /odex_website/static/src/css/policy-privacy.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 20px 20px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 13px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 25px !important;}.policy-privacy-container .policy-privacy-description{font-size: 12px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important; padding-inline-start: 20px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 12px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 12px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 20px 20px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 15px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 25px !important;}.policy-privacy-container .policy-privacy-description{font-size: 13px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important; padding-inline-start: 20px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 20px 20px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 15px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 25px !important;}.policy-privacy-container .policy-privacy-description{font-size: 13px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important; padding-inline-start: 20px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 20px 20px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 15px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 25px !important;}.policy-privacy-container .policy-privacy-description{font-size: 13px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important; padding-inline-start: 20px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 421px) and (max-width: 767px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 40px 20px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 16px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-description{font-size: 14px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important; padding-inline-start: 20px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 768px) and (max-width: 1024px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 40px 25px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 17px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-description{font-size: 15px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 50px 30px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 18px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-description{font-size: 16px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 80px 20px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 17px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-description{font-size: 15px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 110px 25px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 17px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-description{font-size: 15px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 135px 30px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 18px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-description{font-size: 16px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 180px 30px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 20px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 50px !important;}.policy-privacy-container .policy-privacy-description{font-size: 17px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 50px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 17px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 17px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 200px 40px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 22px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 50px !important;}.policy-privacy-container .policy-privacy-description{font-size: 18px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 50px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 250px 50px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 22px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 50px !important;}.policy-privacy-container .policy-privacy-description{font-size: 18px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 50px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important;}.policy-privacy-container .list-inner{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 20px !important; display: block;}}@media screen and (min-width: 3840px){.policy-privacy-container{width: 100%; height: auto; padding: 0px 400px 80px; background-color: #FBFBFB;}.policy-privacy-container .policy-privacy-title{font-size: 34px; font-weight: 500; color: black; text-transform: initial; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-description{font-size: 26px; font-weight: 500; color: black; text-transform: initial; text-align: justify; margin-bottom: 80px !important;}.policy-privacy-container .policy-privacy-list{list-style-type: decimal; margin-bottom: 120px !important;}.policy-privacy-container .policy-privacy-list li{font-size: 26px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 50px !important;}.policy-privacy-container .list-inner{font-size: 26px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify; margin-bottom: 50px !important; display: block;}}.policy-privacy-title{color: #137DC5 !important;}.policy-privacy-description{color: #AAABAB !important;} /* /odex_website/static/src/css/odometer.css defined in bundle 'web.assets_frontend' */ .odometer.odometer-auto-theme, .odometer.odometer-theme-default{display: inline-block; vertical-align: middle; vertical-align: auto; zoom: 1; display: inline; position: relative;}.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit{display: inline-block; vertical-align: middle; vertical-align: auto; zoom: 1; display: inline; position: relative;}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display: inline-block; vertical-align: middle; vertical-align: auto; zoom: 1; display: inline; visibility: hidden;}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align: right; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden;}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display: block;}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display: block; -webkit-backface-visibility: hidden;}.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value{display: block; -webkit-transform: translateZ(0);}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position: absolute;}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s;}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}.odometer.odometer-auto-theme, .odometer.odometer-theme-default{font-family: "Helvetica Neue", sans-serif; line-height: 1.1em;}.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value{text-align: center;} /* /odex_website/static/src/css/hdr_ftr.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}*{margin: 0; box-sizing: border-box;}body{width: 100%; font-family: "Madani Arabic", sans-serif !important; overflow-x: hidden;}body::-webkit-scrollbar{width: 6px; background-color: #001B2D;}body::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}input, select, textarea, h1, h2, h3, h4{font-family: "Madani Arabic", sans-serif !important;}h1, h2, h3, h4{line-height: 1.5;}p, span, hr{margin: 0;}@media screen and (max-width: 319px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 80px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 23px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 15px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 2px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -7px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 7px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 90%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 100px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 15px; height: 15px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 10px 0px 20px; margin-bottom: 20px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 40px; height: 40px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 11px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 10px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 18px; margin-bottom: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 12px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span{font-size: 12px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 32px; font-size: 12px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 18px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 70px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 24px; height: 24px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 70px; -o-object-fit: cover; object-fit: cover; margin-top: -3px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px; display: none;}.nav-container .reach a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; text-transform: capitalize; display: flex; justify-content: center; align-items: center;}.nav-container .reach a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 8px;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 18px; margin-inline-start: 0px;}.nav-container .user-actions img{width: 15px; height: 15px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 15px; height: 15px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: 260px; height: 150px; top: 15px !important; top: 0px; right: 0px; background-color: white; border-radius: 15px; padding: 12px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -8px; left: 63px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 8px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; white-space: unset !important; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: 70vh; position: relative; overflow-y: scroll;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 25px 25px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 36px; font-size: 13px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; display: none !important;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 18px; flex-direction: column; gap: 6px;}.nav-container .signin a{text-decoration: none; width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 15px !important; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 0px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 15px; font-weight: 500 !important; color: #045992; display: none !important;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; top: 0px; right: 0px; background-color: white; border-radius: 15px; padding: 12px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -8px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 8px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 6px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 110px 10px 30px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 30px 20px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 75px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 12px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap;}.footer .footer-top .company .follow-us p{font-size: 12px; font-weight: 300; color: #606060; margin-top: 0px; width: 100%; text-align: center;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 22px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 50%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; display: flex; justify-content: center; align-items: center; text-align: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 6px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 11px; font-weight: 300; color: #8B8B8B; text-align: center;}.whatsapp-container{width: 45px; height: 45px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 45px; height: 45px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 75px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-115px, 55px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 28px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 18px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 3px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -7px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 7px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 80%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 100px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 16px; height: 16px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px; margin-bottom: 30px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 44px; height: 44px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 15px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 13px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 11px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; margin-bottom: 25px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 14px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 25px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 32px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 20px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 30px; height: 30px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 90px; -o-object-fit: cover; object-fit: cover; margin-top: -4px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px; display: none;}.nav-container .reach a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; text-transform: capitalize; display: flex; justify-content: center; align-items: center;}.nav-container .reach a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 8px;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px; margin-inline-start: 0px;}.nav-container .user-actions img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 150px; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 12px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -8px; left: 80px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; white-space: unset !important; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 25px 25px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 36px; font-size: 14px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; margin-inline-start: 15px; display: none !important;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 12px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 25px; flex-direction: column; gap: 6px;}.nav-container .signin a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 15px !important; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 0px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 15px; font-weight: 500 !important; color: #045992; display: none !important;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 12px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -8px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 140px 20px 30px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 30px 20px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 90px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 13px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.footer .footer-top .company .follow-us p{font-size: 13px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 22px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 50%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060; display: flex; justify-content: center; align-items: center; text-align: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 12px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-210px, 65px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 80px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 28px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 18px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 3px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -7px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 7px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 80%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 110px !important; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 16px; height: 16px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 10px 0px 20px; margin-bottom: 30px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 44px; height: 44px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 15px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 13px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 11px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 22px; margin-bottom: 25px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 14px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 22px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 32px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 18px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 70px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 30px; height: 30px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 85px; -o-object-fit: cover; object-fit: cover; margin-top: -4px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px; display: none;}.nav-container .reach a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; text-transform: capitalize; display: flex; justify-content: center; align-items: center;}.nav-container .reach a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 8px;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px; margin-inline-start: 0px;}.nav-container .user-actions img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 152px; top: 15px !important; top: 0px; right: 0px; background-color: white; border-radius: 15px; padding: 12px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -8px; left: 81px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; white-space: unset !important; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 25px 25px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 36px; font-size: 14px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; margin-inline-start: 15px; display: none !important;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 12px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 25px; flex-direction: column; gap: 6px;}.nav-container .signin a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 15px !important; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 0px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 15px; font-weight: 500 !important; color: #045992; display: none !important;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; top: 0px; right: 0px; background-color: white; border-radius: 15px; padding: 12px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -8px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 120px 20px 30px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 30px 20px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 90px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 13px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.footer .footer-top .company .follow-us p{font-size: 13px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 22px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 50%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060; display: flex; justify-content: center; align-items: center; text-align: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 12px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-210px, 55px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 80px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 15px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 25px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 18px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 3px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -7px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 7px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 80%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 120px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 15px; height: 15px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 10px 0px 20px; margin-bottom: 20px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 40px; height: 40px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 11px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 10px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; margin-bottom: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 13px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span{font-size: 13px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 18px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 32px; font-size: 13px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 18px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 70px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 22px; height: 22px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 75px; -o-object-fit: cover; object-fit: cover; margin-bottom: -2px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px; display: none;}.nav-container .reach a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; text-transform: capitalize; display: flex; justify-content: center; align-items: center;}.nav-container .reach a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 8px;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; margin-inline-start: 0px;}.nav-container .user-actions img{width: 15px; height: 15px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 15px; height: 15px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: 280px; height: 150px; top: 15px !important; top: 0px; right: 0px; background-color: white; border-radius: 15px; padding: 12px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -8px; left: 70px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 8px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; white-space: unset !important; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 25px 25px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 36px; font-size: 13px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; display: none !important;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 20px; flex-direction: column; gap: 6px;}.nav-container .signin a{text-decoration: none; width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 15px !important; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 0px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 15px; font-weight: 500 !important; color: #045992; display: none !important;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; top: 0px; right: 0px; background-color: white; border-radius: 15px; padding: 12px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -8px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 8px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 6px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 110px 15px 30px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 30px 20px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 75px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 12px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; gap: 0px; flex-wrap: wrap;}.footer .footer-top .company .follow-us p{font-size: 12px; font-weight: 300; color: #606060; margin: 0px 0px 10px; width: 100%; text-align: center;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 22px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 50%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; display: flex; justify-content: center; align-items: center; text-align: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 8px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 11px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 75px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-155px, 55px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 421px) and (max-width: 767px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 30px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 18px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 3px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -8px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 8px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 80%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 30px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 100px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 17px; height: 17px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 15px 0px; margin-bottom: 25px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 45px; height: 45px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 15px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 13px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 25px; margin-bottom: 30px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 14px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 25px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 34px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 20px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 26px; height: 26px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 90px; -o-object-fit: cover; object-fit: cover; margin-top: -4px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px; display: none;}.nav-container .reach a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; text-transform: capitalize; display: flex; justify-content: center; align-items: center;}.nav-container .reach a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 8px;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; margin-inline-start: 0px;}.nav-container .user-actions img{width: 17px; height: 17px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 17px; height: 17px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 155px; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 70px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -40px; left: 10px; width: 38px; height: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 25px 25px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 38px; font-size: 14px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; margin-inline-start: 15px; display: none !important;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 5px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 12px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 15px; flex-direction: column; gap: 8px;}.nav-container .signin a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 15px !important; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 0px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 15px; font-weight: 500 !important; color: #045992; display: none !important;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 140px 20px 30px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 14px; background-color: #045992;}.breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 30px 40px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 90px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 13px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px;}.footer .footer-top .company .follow-us p{font-size: 13px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 22px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 50%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 12px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-256px, 65px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 768px) and (max-width: 1024px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 32px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 20px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 3px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -9px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 9px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 40px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 100px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 18px; height: 18px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px; margin-bottom: 30px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 48px; height: 48px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 15px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 13px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 25px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 15px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 35px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 34px; font-size: 15px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 18px; margin-inline-start: 8px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 35px; height: 35px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 120px; -o-object-fit: cover; object-fit: cover; margin-top: -6px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px; display: none;}.nav-container .reach a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px; margin-inline-start: 25px;}.nav-container .user-actions img{width: 18px; height: 18px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 18px; height: 18px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 155px; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; right: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -26px; left: -26px; width: 38px; height: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 38px; font-size: 15px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; margin-inline-start: 25px;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 6px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 25px; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 15px !important; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 15px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 150px 40px 40px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 14px; background-color: #045992;}.breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 30px 40px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 30%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 120px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 60%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 14px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.footer .footer-top .company .follow-us p{font-size: 14px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 25px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 20%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 15px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 20%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 15px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 20%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 15px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 20%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 15px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; gap: 20px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 13px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-570px, 65px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.nav-container{width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 32px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 20px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 3px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -9px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 9px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 40px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 100px !important; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 18px; height: 18px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px; margin-bottom: 30px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 48px; height: 48px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 15px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 13px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 25px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 15px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 35px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 34px; font-size: 15px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 18px; margin-inline-start: 8px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 60px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 35px; height: 35px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 120px; -o-object-fit: cover; object-fit: cover; margin-top: -6px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px; display: none;}.nav-container .reach a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px; margin-inline-start: 25px;}.nav-container .user-actions img{width: 18px; height: 18px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 18px; height: 18px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 155px; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; right: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -26px; left: -26px; width: 38px; height: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 38px; font-size: 15px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; margin-inline-start: 25px;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 6px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 25px; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 15px !important; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 15px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-823px, 65px, 0px) !important;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.nav-container .menu-container{width: 23px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 15px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 2px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -7px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 7px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: initial !important; padding: 0px 20px; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 120px !important; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 17px; height: 17px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 10px 0px; margin-bottom: 20px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 40px; height: 40px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 13px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 12px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; margin-bottom: 25px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 12px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span{font-size: 12px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 32px; font-size: 12px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 18px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 70px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 24px; height: 24px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 100px; -o-object-fit: cover; object-fit: cover; margin-bottom: -6px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 25px 25px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 36px; font-size: 14px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.footer{width: 100%; height: auto; padding: 30px 20px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 75px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 12px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;}.footer .footer-top .company .follow-us p{font-size: 12px; font-weight: 300; color: #606060; margin: 0px 0px 10px; width: 100%; text-align: center;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 22px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 50%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; display: flex; justify-content: center; align-items: center; text-align: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 8px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 11px; font-weight: 300; color: #8B8B8B;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.nav-container .menu-container{width: 23px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 15px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 2px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -7px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 7px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: initial !important; padding: 0px 20px; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 115px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 17px; height: 17px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 10px 0px; margin-bottom: 20px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 40px; height: 40px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 13px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 12px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; margin-bottom: 25px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 12px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span{font-size: 12px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 32px; font-size: 12px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 18px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 70px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 24px; height: 24px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 25px 25px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 36px; font-size: 13px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.footer{width: 100%; height: auto; padding: 30px 20px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 75px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 12px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap;}.footer .footer-top .company .follow-us p{font-size: 12px; font-weight: 300; color: #606060; margin: 0px 0px 10px; width: 100%; text-align: center;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 22px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 50%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; display: flex; justify-content: center; align-items: center; text-align: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 8px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 11px; font-weight: 300; color: #8B8B8B;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.nav-container .menu-container{width: 23px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 15px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 2px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -7px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 7px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: initial !important; padding: 0px 20px; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 115px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 17px; height: 17px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 10px 0px; margin-bottom: 20px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 40px; height: 40px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 14px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 13px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; margin-bottom: 25px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 12px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span{font-size: 12px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 32px; font-size: 12px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 18px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 70px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 24px; height: 24px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: 90vh; position: relative; overflow-y: scroll;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: 10px; left: 10px; width: 35px; height: 35px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding: 50px 25px 25px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 36px; font-size: 13px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.footer{width: 100%; height: auto; padding: 30px 20px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 75px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 12px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap;}.footer .footer-top .company .follow-us p{font-size: 12px; font-weight: 300; color: #606060; margin-top: 0px; width: 100%; text-align: center;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 22px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 50%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 50%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 13px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 12px; font-weight: 300; color: #606060; display: flex; justify-content: center; align-items: center; text-align: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 6px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 10px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 11px; font-weight: 300; color: #8B8B8B; text-align: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 110px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 50px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 36px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 25px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 3px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -9px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 9px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 45%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 50px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 110px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 18px; height: 18px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px; margin-bottom: 30px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 55px; height: 55px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 17px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 15px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 30px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 17px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 18px; height: 18px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 40px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 38px; font-size: 17px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 22px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 35px; height: 35px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 120px; -o-object-fit: cover; object-fit: cover; margin-top: -6px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 25px;}.nav-container .reach a{text-decoration: none; width: auto; height: 38px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px; margin-inline-start: 30px;}.nav-container .user-actions img{width: 18px; height: 18px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 18px; height: 18px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 165px; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; right: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 40%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -26px; left: -26px; width: 38px; height: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 40px; font-size: 16px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; margin-inline-start: 30px;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 6px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 30px; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 38px; font-size: 17px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 38px; font-size: 17px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 17px !important; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 17px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 15px !important; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 160px 50px 40px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 13px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.breadcrumbs p{font-size: 13px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 30px 50px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}.footer .footer-top .company .footer-logo{width: 30%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 120px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 60%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 16px; font-weight: 300; color: #858585; text-align: center;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.footer .footer-top .company .follow-us p{font-size: 16px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 28px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 20%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 18px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 16px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 20%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 18px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 16px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 20%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 18px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 16px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 20%; height: auto; margin-top: 30px; margin-bottom: 10px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 18px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 16px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; margin-top: 30px; flex-wrap: wrap;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 16px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 14px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 90px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-813px, 70px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 1025px) and (max-width: 1200px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 80px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{width: 32px; height: 100%; display: flex; justify-content: center; align-items: center; margin-inline-end: 20px;}.nav-container .menu-container #menu-btn-container{width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; position: relative; z-index: 99999;}.nav-container .menu-container #menu-btn-container .menu-mobile{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines{width: 100%; height: 100%; position: relative;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines span{width: 100%; height: 3px; background-color: #137DC5; border-radius: 10px; display: block; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-1{transform: translate(50%, -9px);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-2{width: 70%; transform: translateX(70%);}.nav-container .menu-container #menu-btn-container .menu-mobile .menu-lines .line-3{transform: translate(50%, 9px);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-1{transform: translate(50%, -50%) rotate(45deg);}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-2{width: 0px;}.nav-container .menu-container #menu-btn-container.openmenu .menu-mobile div .line-3{transform: translate(50%, -50%) rotate(-45deg);}.nav-container .menu-container .popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .menu-container .popup-container .popup-overlay{width: 100%; height: 100%; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; transform: translateX(0%); z-index: 998; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu{width: 45%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; top: 0; right: 0; transform: translateX(100%); background-color: white; z-index: 999 !important; border-radius: 20px; box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1882352941);}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 60px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container{width: 100%; height: 100px !important; display: flex; justify-content: flex-end; align-items: flex-end; margin-bottom: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-settings-mobile-container img{width: 16px; height: 16px; cursor: pointer;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info{width: 100%; height: auto; display: flex; align-items: center; padding: 20px 0px; margin-bottom: 20px; border-bottom: 1px solid #AAABAB;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-img img{width: 48px; height: 48px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-name{font-size: 15px; font-weight: 500; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .user-login-info .user-name-email .user-login-email{font-size: 13px; font-weight: 300; color: #535353; text-transform: initial;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content{width: 100%; height: auto; overflow-y: scroll;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a{text-decoration: none; font-size: 14px; font-weight: normal; color: #535353; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a:hover{color: #137DC5; transition: color 0.2s ease-in-out;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .popup-links a img{width: 16px; height: 16px; margin-inline-end: 6px; margin-bottom: -3px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .lang-container-mobile{display: none;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 20px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a{text-decoration: none; width: 100%; height: 33px; font-size: 14px; font-weight: normal; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border: none; outline: 1px solid #137DC5; padding: 0px 20px; border-radius: 30px 30px 30px 30px; line-height: 1;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .logout-btn a img{width: 20px; margin-inline-start: 10px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu-container .popup-container .popup-menu .popup-menu-container .popup-content .social a img{width: 32px; height: 32px;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-inline-end: auto; z-index: 99999;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 110px; -o-object-fit: cover; object-fit: cover; margin-top: -5px;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px; display: none !important;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{display: none;}.nav-container .menu .magnifier{width: 16px; height: 16px; -o-object-fit: cover; object-fit: cover; cursor: pointer;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 20px;}.nav-container .reach a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px; margin-inline-start: 25px;}.nav-container .user-actions img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .user-settings{display: none !important;}.nav-container .user-actions .user-magnifier{display: block !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 155px; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; right: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -26px; left: -26px; width: 38px; height: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container input.mobile-search-input{width: 100%; height: 38px; font-size: 15px; font-weight: 400; color: black; border-radius: 50px; outline: 1px solid #AAABAB; border: none; padding-inline-start: 40px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form .mobile-search-container .magnifier-mobile{width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center; margin-inline-start: 25px;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 6px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; margin-inline-start: 25px; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 14px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 14px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 25px; height: 25px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 135px 80px 35px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 15px; background-color: #045992;}.breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 30px 80px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 30px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto;}.footer .footer-top .company .footer-logo{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 110px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 13px; font-weight: 300; color: #858585; text-align: justify;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.footer .footer-top .company .follow-us p{font-size: 13px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 20px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 15%; height: auto; margin-top: 30px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 15%; height: auto; margin-top: 30px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 15%; height: auto; margin-top: 30px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 15%; height: auto; margin-top: 30px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 14px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 25%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; margin-top: 30px;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 13px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 12px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-780px, 63px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 1201px) and (max-width: 1365px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 110px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{display: none !important;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 110px; -o-object-fit: cover; object-fit: cover;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 8px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{width: auto; height: 50px; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action::after{display: none !important;}.nav-container .menu .solutions-action-options .solutions-action img{width: 16px; height: 16px; cursor: pointer;}.nav-container .menu .solutions-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 0px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none; min-width: initial !important; transform: translate3d(0px, 40px, 0px) !important;}.nav-container .menu .solutions-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; right: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .menu .solutions-action-options .dropdown-menu .all-solutions{color: #045992 !important; margin-top: 15px;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .menu .solutions-action-options:hover .dropdown-menu{display: block;}.nav-container .menu .search-container{width: auto; height: auto; position: relative; display: inline-block;}.nav-container .menu .search-container .search-input{height: 26px; border-radius: 50px; font-size: 12px; display: none; position: relative; padding-right: 28px; transition: all 0.3s ease; transform-origin: left; outline: 1px solid #AAABAB; border: none; color: black;}.nav-container .menu .search-container .magnifier{width: 16px; height: 16px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1;}.nav-container .menu .search-container .search-input.active{display: block; width: 200px;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 15px;}.nav-container .reach a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.nav-container .user-actions img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .user-magnifier{display: none !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 155px; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; right: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 15px;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 6px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 14px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 14px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 12px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 140px 110px 35px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 14px; background-color: #045992;}.breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 50px 110px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 50px; flex-wrap: wrap;}.footer .footer-top .company{width: 100%; height: auto;}.footer .footer-top .company .footer-logo{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 110px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 14px; font-weight: 300; color: #858585; text-align: justify;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.footer .footer-top .company .follow-us p{font-size: 14px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 24px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 15%; height: auto; margin-top: 40px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 16px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 15%; height: auto; margin-top: 40px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 16px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 15%; height: auto; margin-top: 40px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 16px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 15%; height: auto; margin-top: 40px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 16px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 25%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; margin-top: 40px;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 12px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-925px, 65px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 1366px) and (max-width: 1599px){body #wrapwrap::-webkit-scrollbar{width: 5px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 100px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 135px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{display: none !important;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 120px; -o-object-fit: cover; object-fit: cover;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px;}.nav-container .menu a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 10px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{width: auto; height: 50px; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action::after{display: none !important;}.nav-container .menu .solutions-action-options .solutions-action img{width: 16px; height: 16px; cursor: pointer;}.nav-container .menu .solutions-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 0px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none; min-width: initial !important; transform: translate3d(0px, 40px, 0px) !important;}.nav-container .menu .solutions-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; right: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .menu .solutions-action-options .dropdown-menu .all-solutions{color: #045992 !important; margin-top: 15px;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .menu .solutions-action-options:hover .dropdown-menu{display: block;}.nav-container .menu .search-container{width: auto; height: auto; position: relative; display: inline-block;}.nav-container .menu .search-container .search-input{height: 28px; border-radius: 50px; font-size: 12px; display: none; position: relative; padding-right: 28px; transition: all 0.3s ease; transform-origin: left; outline: 1px solid #AAABAB; border: none; color: black;}.nav-container .menu .search-container .magnifier{width: 16px; height: 16px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1;}.nav-container .menu .search-container .search-input.active{display: block; width: 200px;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center;}.nav-container .reach a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px;}.nav-container .user-actions img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .user-magnifier{display: none !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 16px; height: 16px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 155px; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -10px; right: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 6px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 14px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 14px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 14px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 30px; height: 30px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -10px; left: 18px; border-width: 0px 13px 13px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 12px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 140px 135px 40px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 50px 135px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 50px;}.footer .footer-top .company{width: 23%; height: auto;}.footer .footer-top .company .footer-logo{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 120px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 14px; font-weight: 300; color: #858585; text-align: justify;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.footer .footer-top .company .follow-us p{font-size: 14px; font-weight: 300; color: #606060; margin: 0px 0px 15px; width: 100%;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center; width: auto;}.footer .footer-top .company .follow-us a img{width: 24px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 15px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 15px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 15px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 15px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 25%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; margin-top: 40px;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 14px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 13px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 50px; height: 50px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-1062px, 65px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 1600px) and (max-width: 1919px){body #wrapwrap::-webkit-scrollbar{width: 6px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 110px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 180px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{display: none !important;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 140px; -o-object-fit: cover; object-fit: cover;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 15px;}.nav-container .menu a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 10px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{width: auto; height: 50px; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action::after{display: none !important;}.nav-container .menu .solutions-action-options .solutions-action img{width: 20px; height: 20px; cursor: pointer;}.nav-container .menu .solutions-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 0px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none; min-width: initial !important; transform: translate3d(0px, 40px, 0px) !important;}.nav-container .menu .solutions-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 14px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .menu .solutions-action-options .dropdown-menu .all-solutions{color: #045992 !important; margin-top: 15px;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .menu .solutions-action-options:hover .dropdown-menu{display: block;}.nav-container .menu .search-container{width: auto; height: auto; position: relative; display: inline-block;}.nav-container .menu .search-container .search-input{height: 32px; border-radius: 50px; font-size: 13px; display: none; position: relative; padding-right: 32px; transition: all 0.3s ease; transform-origin: left; outline: 1px solid #AAABAB; border: none; color: black;}.nav-container .menu .search-container .magnifier{width: 20px; height: 20px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1;}.nav-container .menu .search-container .search-input.active{display: block; width: 200px;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center;}.nav-container .reach a{text-decoration: none; width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px;}.nav-container .user-actions img{width: 20px; height: 20px; cursor: pointer;}.nav-container .user-actions .user-magnifier{display: none !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 20px; height: 20px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 160px; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 3px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 8px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 14px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 8px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 16px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 16px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 16px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 34px; height: 34px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -12px; left: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 14px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 8px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 160px 180px 50px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 14px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.breadcrumbs p{font-size: 14px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 50px 180px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 50px;}.footer .footer-top .company{width: 22%; height: auto;}.footer .footer-top .company .footer-logo{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 140px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 15px; font-weight: 300; color: #858585; text-align: justify;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.footer .footer-top .company .follow-us p{font-size: 15px; font-weight: 300; color: #606060; margin: 0px 0px 20px; width: 100%;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center; width: auto;}.footer .footer-top .company .follow-us a img{width: 26px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 12%; height: auto; margin-top: 40px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 16px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 12%; height: auto; margin-top: 40px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 16px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 12%; height: auto; margin-top: 40px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 16px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 12%; height: auto; margin-top: 40px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 16px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 25%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; margin-top: 40px;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 32px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 14px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 55px; height: 55px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 55px; height: 55px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-1250px, 72px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 1920px) and (max-width: 2559px){body #wrapwrap::-webkit-scrollbar{width: 6px !important; background-color: #001B2D !important;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5 !important; border-radius: 4px !important;}.nav-container{width: 100%; height: 138px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 200px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{display: none !important;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 160px; -o-object-fit: cover; object-fit: cover;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 40px;}.nav-container .menu a{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 15px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{width: auto; height: 60px; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action::after{display: none !important;}.nav-container .menu .solutions-action-options .solutions-action img{width: 22px; height: 22px; cursor: pointer;}.nav-container .menu .solutions-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 0px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none; min-width: initial !important; transform: translate3d(0px, 50px, 0px) !important;}.nav-container .menu .solutions-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .menu .solutions-action-options .dropdown-menu .all-solutions{color: #045992 !important; margin-top: 18px;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px;}.nav-container .menu .solutions-action-options:hover .dropdown-menu{display: block;}.nav-container .menu .search-container{width: auto; height: auto; position: relative; display: inline-block;}.nav-container .menu .search-container .search-input{height: 35px; border-radius: 50px; font-size: 14px; display: none; position: relative; padding-right: 35px; transition: all 0.3s ease; transform-origin: left; outline: 1px solid #AAABAB; border: none; color: black;}.nav-container .menu .search-container .magnifier{width: 22px; height: 22px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1;}.nav-container .menu .search-container .search-input.active{display: block; width: 200px;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 35px;}.nav-container .reach a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px;}.nav-container .user-actions img{width: 22px; height: 22px; cursor: pointer;}.nav-container .user-actions .user-magnifier{display: none !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 22px; height: 22px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 175px; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 4px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 40px; gap: 20px;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 18px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 18px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 18px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 36px; height: 36px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -12px; left: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 13px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 200px 200px 60px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 15px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.breadcrumbs p{font-size: 15px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 50px 200px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 50px;}.footer .footer-top .company{width: 20%; height: auto;}.footer .footer-top .company .footer-logo{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 160px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 15px; font-weight: 300; color: #858585; text-align: justify;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.footer .footer-top .company .follow-us p{font-size: 15px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 25px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 18px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 18px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 18px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 18px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 25%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; margin-top: 40px;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 15px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 35px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 14px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 65px; height: 65px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 16px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 65px; height: 65px; border-radius: 50%; cursor: pointer; position: fixed; right: 15px; bottom: 100px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-1555px, 87px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 15px;}}@media screen and (min-width: 2560px) and (max-width: 3839px){body #wrapwrap::-webkit-scrollbar{width: 10px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container{width: 100%; height: 144px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 250px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{display: none !important;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 200px; -o-object-fit: cover; object-fit: cover;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 50px;}.nav-container .menu a{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 15px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 20px;}.nav-container .menu .solutions-action-options{width: auto; height: 60px; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action::after{display: none !important;}.nav-container .menu .solutions-action-options .solutions-action img{width: 25px; height: 25px; cursor: pointer;}.nav-container .menu .solutions-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 0px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none; min-width: initial !important; transform: translate3d(0px, 50px, 0px) !important;}.nav-container .menu .solutions-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 16px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .menu .solutions-action-options .dropdown-menu .all-solutions{color: #045992 !important; margin-top: 20px;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px;}.nav-container .menu .solutions-action-options:hover .dropdown-menu{display: block;}.nav-container .menu .search-container{width: auto; height: auto; position: relative; display: inline-block;}.nav-container .menu .search-container .search-input{height: 40px; border-radius: 50px; font-size: 16px; display: none; position: relative; padding-right: 40px; transition: all 0.3s ease; transform-origin: left; outline: 1px solid #AAABAB; border: none; color: black;}.nav-container .menu .search-container .magnifier{width: 25px; height: 25px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1;}.nav-container .menu .search-container .search-input.active{display: block; width: 200px;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 35px;}.nav-container .reach a{text-decoration: none; width: auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px;}.nav-container .user-actions img{width: 25px; height: 25px; cursor: pointer;}.nav-container .user-actions .user-magnifier{display: none !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 25px; height: 25px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 180px; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 10px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 4px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 16px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px 40px; gap: 25px;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 20px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; gap: 10px;}.nav-container .signin a{text-decoration: none; width: auto; height: 45px; font-size: 20px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 45px; font-size: 20px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 20px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 10px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 20px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 40px; height: 40px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: 0px; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -12px; left: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 16px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 14px; margin-inline-end: 10px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 240px 250px 80px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 16px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.breadcrumbs p{font-size: 16px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 50px 250px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 50px;}.footer .footer-top .company{width: 20%; height: auto;}.footer .footer-top .company .footer-logo{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 200px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 30px;}.footer .footer-top .company .company-about p{font-size: 18px; font-weight: 300; color: #858585; text-align: justify;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.footer .footer-top .company .follow-us p{font-size: 18px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 30px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .main-pages .main-title p{font-size: 20px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 15px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 18px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .solutions-pages .main-title p{font-size: 20px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 15px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 18px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .blogs-pages .main-title p{font-size: 20px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 15px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 18px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 10%; height: auto; margin-top: 40px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.footer .footer-top .contact-pages .main-title p{font-size: 20px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 15px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 18px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 25%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 25px; margin-top: 40px;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 18px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 40px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 16px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 90px; height: 90px; border-radius: 50%; cursor: pointer; position: fixed; right: 20px; bottom: 20px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 90px; height: 90px; border-radius: 50%; cursor: pointer; position: fixed; right: 20px; bottom: 130px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-2150px, 92px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 20px;}}@media screen and (min-width: 3840px){body #wrapwrap::-webkit-scrollbar{width: 25px; background-color: #001B2D;}body #wrapwrap::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 6px;}.nav-container{width: 100%; height: 220px; display: flex; justify-content: space-between; align-items: center; background-color: white; padding: 0px 400px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1019607843); position: fixed; right: 0; left: 0; z-index: 10;}.nav-container .menu-container{display: none !important;}.nav-container .logo{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center;}.nav-container .logo a{text-decoration: none; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .logo a img{width: 300px; -o-object-fit: cover; object-fit: cover;}.nav-container .menu{width: auto; height: auto; display: flex; justify-content: space-evenly; align-items: center; gap: 80px;}.nav-container .menu a{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: capitalize; display: flex; justify-content: center; align-items: center; padding: 0px 15px;}.nav-container .menu a:hover{color: #137DC5; transition: 0.2s color ease-in-out, background-color 0.2s ease-in-out; background-color: rgba(19, 125, 197, 0.0705882353); border-radius: 50px;}.nav-container .menu .solutions-action-options{width: auto; height: 90px; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .menu .solutions-action-options .solutions-action::after{display: none !important;}.nav-container .menu .solutions-action-options .solutions-action img{width: 40px; height: 40px; cursor: pointer;}.nav-container .menu .solutions-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 0px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none; min-width: initial !important; transform: translate3d(0px, 85px, 0px) !important;}.nav-container .menu .solutions-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 28px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 14px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .menu .solutions-action-options .dropdown-menu .all-solutions{color: #045992 !important; margin-top: 30px;}.nav-container .menu .solutions-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 14px;}.nav-container .menu .solutions-action-options:hover .dropdown-menu{display: block;}.nav-container .menu .search-container{width: auto; height: auto; position: relative; display: inline-block;}.nav-container .menu .search-container .search-input{height: 60px; border-radius: 50px; font-size: 26px; display: none; position: relative; padding-right: 70px; transition: all 0.3s ease; transform-origin: left; outline: 1px solid #AAABAB; border: none; color: black;}.nav-container .menu .search-container .magnifier{width: 40px; height: 40px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1;}.nav-container .menu .search-container .search-input.active{display: block; width: 400px;}.nav-container .reach{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; gap: 35px;}.nav-container .reach a{text-decoration: none; width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.nav-container .user-actions{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 70px;}.nav-container .user-actions img{width: 40px; height: 40px; cursor: pointer;}.nav-container .user-actions .user-magnifier{display: none !important;}.nav-container .user-actions .notifications-action-options{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action{text-decoration: none; display: flex; justify-content: center; align-items: center;}.nav-container .user-actions .notifications-action-options .notifications-action::after{display: none !important;}.nav-container .user-actions .notifications-action-options .notifications-action img{width: 40px; height: 40px; cursor: pointer;}.nav-container .user-actions .notifications-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: 270px; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .user-actions .notifications-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner{width: 100%; height: 95%; position: relative; overflow-y: scroll; padding-inline-end: 15px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar{width: 4px; background-color: #AAABAB;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner::-webkit-scrollbar-thumb{background-color: #137DC5; border-radius: 4px;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 28px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 14px; display: flex; justify-content: flex-start; align-items: center; gap: 0px; line-height: 1;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-item:last-child{margin-bottom: 0px !important;}.nav-container .user-actions .notifications-action-options .dropdown-menu .dropdown-menu-inner .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 14px;}.nav-container .user-actions .search-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.nav-container .user-actions .search-popup-container .search-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.nav-container .user-actions .search-popup-container .search-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container{width: 100%; height: auto; position: relative;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container #search-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.nav-container .user-actions .search-popup-container .search-popup-section .search-popup-section-container form#search-form{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 45px 50px; gap: 40px;}.nav-container .lang-container{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.nav-container .lang-container .js_language_selector .list-inline{all: unset; width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.nav-container .lang-container .js_language_selector .list-inline a{text-decoration: none; display: flex; justify-content: center; align-items: center; margin: 0px;}.nav-container .lang-container .js_language_selector .list-inline a span{font-size: 34px; font-weight: 500; color: #045992; text-transform: capitalize;}.nav-container .lang-container .js_language_selector .list-inline a span:hover{color: #137DC5; transition: 0.2s color ease-in-out;}.nav-container .lang-container .js_language_selector .list-inline span.list-inline-item{display: none;}.nav-container .signin{width: auto; height: auto; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; gap: 15px;}.nav-container .signin a{text-decoration: none; width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1;}.nav-container .signin li{all: unset !important;}.nav-container .signin li a{text-decoration: none; width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1;}.nav-container .signin li .dropdown-toggle{text-decoration: none; width: auto; height: auto; font-size: 34px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important; display: flex; justify-content: center; align-items: center; gap: 15px; background-color: transparent !important; border-radius: initial !important; padding: 0px !important;}.nav-container .signin li .dropdown-toggle::after{color: #137DC5 !important;}.nav-container .signin li .dropdown-toggle span{font-size: 34px; font-weight: 500 !important; color: #045992;}.nav-container .signin li .dropdown-toggle #user_img{width: 60px; height: 60px; border-radius: 50%; -o-object-fit: contain; object-fit: contain;}.nav-container .signin li .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 30px !important; right: 0px; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.nav-container .signin li .dropdown-menu::before{content: ""; position: absolute; top: -12px; left: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.nav-container .signin li .dropdown-menu a{text-decoration: none; width: 100%; height: auto; font-size: 28px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 14px; display: flex; justify-content: flex-start; align-items: center; gap: 0px;}.nav-container .signin li .dropdown-menu a:hover{color: #045992; transition: color 0.2s ease-in-out;}.nav-container .signin li .dropdown-menu a:last-child{margin-bottom: 0px !important;}.nav-container .signin li .dropdown-menu a img{width: 22px; margin-inline-end: 25px;}.nav-container .signin li .dropdown-menu #o_logout_divider{all: unset; width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px;}.nav-container .signin li .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 14px;}.breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 0px; padding: 330px 400px 100px; background-color: #FBFBFB;}.breadcrumbs a{text-decoration: none; font-size: 26px; font-weight: 300; color: #AAABAB;}.breadcrumbs span{width: 2px; height: 30px; background-color: #045992;}.breadcrumbs p{font-size: 26px; font-weight: 300; color: #137DC5;}.footer{width: 100%; height: auto; padding: 80px 400px 0px; background-color: #F3F3F3;}.footer .footer-top{width: 100%; height: auto; display: flex; justify-content: space-between; padding-bottom: 80px;}.footer .footer-top .company{width: 20%; height: auto;}.footer .footer-top .company .footer-logo{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px;}.footer .footer-top .company .footer-logo a{text-decoration: none; width: auto; height: auto;}.footer .footer-top .company .footer-logo a img{width: 300px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .company .company-about{width: 100%; height: auto; margin-bottom: 40px;}.footer .footer-top .company .company-about p{font-size: 30px; font-weight: 300; color: #858585; text-align: justify;}.footer .footer-top .company .follow-us{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.footer .footer-top .company .follow-us p{font-size: 30px; font-weight: 300; color: #606060; margin-top: -4px;}.footer .footer-top .company .follow-us a{text-decoration: none; display: flex; justify-content: center; align-items: center;}.footer .footer-top .company .follow-us a img{width: 50px; -o-object-fit: cover; object-fit: cover;}.footer .footer-top .main-pages{width: 10%; height: auto; margin-top: 90px;}.footer .footer-top .main-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.footer .footer-top .main-pages .main-title p{font-size: 32px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .main-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 25px;}.footer .footer-top .main-pages .section-links a{text-decoration: none; font-size: 30px; font-weight: 300; color: #606060;}.footer .footer-top .solutions-pages{width: 10%; height: auto; margin-top: 90px;}.footer .footer-top .solutions-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.footer .footer-top .solutions-pages .main-title p{font-size: 32px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .solutions-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 25px;}.footer .footer-top .solutions-pages .section-links a{text-decoration: none; font-size: 30px; font-weight: 300; color: #606060; text-align: center;}.footer .footer-top .blogs-pages{width: 10%; height: auto; margin-top: 90px;}.footer .footer-top .blogs-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.footer .footer-top .blogs-pages .main-title p{font-size: 32px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .blogs-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 25px;}.footer .footer-top .blogs-pages .section-links a{text-decoration: none; font-size: 30px; font-weight: 300; color: #606060;}.footer .footer-top .contact-pages{width: 10%; height: auto; margin-top: 90px;}.footer .footer-top .contact-pages .main-title{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}.footer .footer-top .contact-pages .main-title p{font-size: 32px; font-weight: normal; color: #045992; text-align: center;}.footer .footer-top .contact-pages .section-links{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 25px;}.footer .footer-top .contact-pages .section-links a{text-decoration: none; font-size: 30px; font-weight: 300; color: #606060;}.footer .footer-top .contact-us{width: 25%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 35px; margin-top: 90px;}.footer .footer-top .contact-us a{text-decoration: none; font-size: 30px; font-weight: 300; color: #606060; display: flex; justify-content: flex-start; align-items: center;}.footer .footer-top .contact-us a img{width: 64px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 30px;}.footer .footer-bottom{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 30px 0px; border-top: 1px solid rgba(112, 112, 112, 0.28);}.footer .footer-bottom p{font-size: 26px; font-weight: 300; color: #8B8B8B;}.whatsapp-container{width: 120px; height: 120px; border-radius: 50%; cursor: pointer; position: fixed; right: 30px; bottom: 30px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.whatsapp-container a{text-decoration: none; width: 100%; height: 100%; display: block;}.whatsapp-container a img{width: 100%; -o-object-fit: cover; object-fit: cover;}.scroll-top{width: 120px; height: 120px; border-radius: 50%; cursor: pointer; position: fixed; right: 30px; bottom: 180px; z-index: 10; display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);}.scroll-top img{width: 50%; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl #top .nav-container .signin li.nav-item .dropdown-menu{transform: translate3d(-3160px, 140px, 0px) !important;}#wrapwrap.o_rtl main #wrap .whatsapp-container, #wrapwrap.o_rtl main #wrap .scroll-top, #wrapwrap.o_rtl main #blogs_wrap .whatsapp-container, #wrapwrap.o_rtl main #blogs_wrap .scroll-top, #wrapwrap.o_rtl main #blog_wrap .whatsapp-container, #wrapwrap.o_rtl main #blog_wrap .scroll-top, #wrapwrap.o_rtl main #wrap_contactus .whatsapp-container, #wrapwrap.o_rtl main #wrap_contactus .scroll-top, #wrapwrap.o_rtl main #wrap_solution .whatsapp-container, #wrapwrap.o_rtl main #wrap_solution .scroll-top, #wrapwrap.o_rtl main #wrap_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_partners .scroll-top, #wrapwrap.o_rtl main #wrap_all_partners .whatsapp-container, #wrapwrap.o_rtl main #wrap_all_partners .scroll-top, #wrapwrap.o_rtl main #wrap_exe .whatsapp-container, #wrapwrap.o_rtl main #wrap_exe .scroll-top, #wrapwrap.o_rtl main #wrap-privacy .whatsapp-container, #wrapwrap.o_rtl main #wrap-privacy .scroll-top{right: initial !important; left: 30px;}}#wrapwrap, body, html{overflow: visible !important;}#wrap{overflow-x: hidden !important;}.breadcrumbs.white-bg{background-color: white !important;} /* /odex_website/static/src/css/grocery_managment.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.grocery-managment-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.grocery-managment-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 20px 15px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 100px; -o-object-fit: cover; object-fit: cover;}.nutritional-resources-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 125px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; margin-bottom: 10px; gap: 20px;}.grocery-item-container .grocery-item-image{width: 95%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: 150px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.grocery-managment-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.grocery-managment-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 17px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 170px; -o-object-fit: cover; object-fit: cover;}.nutritional-resources-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 20px; gap: 15px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 20px; gap: 30px;}.grocery-item-container .grocery-item-image{width: 90%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.grocery-item-container .grocery-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.grocery-managment-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.grocery-managment-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 160px; -o-object-fit: cover; object-fit: cover;}.nutritional-resources-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 20px; gap: 15px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 20px; gap: 30px;}.grocery-item-container .grocery-item-image{width: 90%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.grocery-managment-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.grocery-managment-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover;}.nutritional-resources-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 120px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 22px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px; gap: 15px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 110px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 10px; gap: 25px;}.grocery-item-container .grocery-item-image{width: 90%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 421px) and (max-width: 767px){.grocery-managment-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.grocery-managment-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 50px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 220px; -o-object-fit: cover; object-fit: cover;}.nutritional-resources-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 40px; flex-wrap: wrap;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 20px; gap: 15px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px; margin-bottom: 30px; gap: 30px;}.grocery-item-container .grocery-item-image{width: 90%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: 230px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal; text-align: start;}.grocery-item-container .grocery-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 768px) and (max-width: 1024px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 40px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.nutritional-resources-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 70px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 30%; max-width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 40px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 0px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 40px; margin-bottom: 40px; gap: 50px;}.grocery-item-container .grocery-item-image{width: 65%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.grocery-item-container .grocery-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.nutritional-resources-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 70px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 40px;}.grocery-item-container .grocery-item-image{width: 50%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.grocery-item-container .grocery-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.nutritional-resources-container{width: 100%; height: auto; padding: 55px 40px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 50px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 80%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 22px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px; gap: 15px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 90px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}.grocery-item-container .grocery-item-image{width: 30%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: auto; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}.grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.nutritional-resources-container{width: 100%; height: auto; padding: 55px 40px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 80%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 22px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px; gap: 15px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 90px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}.grocery-item-container .grocery-item-image{width: 30%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: auto; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}.grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.nutritional-resources-container{width: 100%; height: auto; padding: 55px 40px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 40px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: baseline; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 80%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 90px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 80px; margin-bottom: 10px; gap: 25px;}.grocery-item-container .grocery-item-image{width: 30%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: auto; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content h1{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 10px; font-family: "Madani Arabic", sans-serif !important;}.grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 50px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.nutritional-resources-container{width: 100%; height: auto; padding: 65px 50px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 70px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 50px; margin-bottom: 30px; gap: 40px;}.grocery-item-container .grocery-item-image{width: 50%; height: auto; order: 2;}.grocery-item-container .grocery-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.grocery-item-container .grocery-item-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 80px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.nutritional-resources-container{width: 100%; height: auto; padding: 60px 80px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 80px; margin-bottom: 25px;}.grocery-item-container .grocery-item-image{width: 40%; height: auto;}.grocery-item-container .grocery-item-image img{width: 100%; height: 260px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.grocery-item-container .grocery-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 110px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.nutritional-resources-container{width: 100%; height: auto; padding: 65px 110px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 70px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 20px; gap: 0px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 110px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 100px; margin-bottom: 25px;}.grocery-item-container .grocery-item-image{width: 40%; height: auto;}.grocery-item-container .grocery-item-image img{width: 100%; height: 290px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.grocery-item-container .grocery-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 135px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.nutritional-resources-container{width: 100%; height: auto; padding: 65px 135px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 75px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 20px; gap: 0px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 60px 135px; margin-bottom: 25px;}.grocery-item-container .grocery-item-image{width: 40%; height: auto;}.grocery-item-container .grocery-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.grocery-item-container .grocery-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1366px) and (max-device-height: 620px){.grocery-managment-call-to-action{height: 135vh !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 180px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 22px; font-weight: 700; color: #001B2D; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.nutritional-resources-container{width: 100%; height: auto; padding: 70px 180px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 90px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 180px; margin-bottom: 25px;}.grocery-item-container .grocery-item-image{width: 40%; height: auto;}.grocery-item-container .grocery-item-image img{width: 100%; height: 330px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.grocery-item-container .grocery-item-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 200px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.nutritional-resources-container{width: 100%; height: auto; padding: 100px 200px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 100px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 20px); max-width: calc(15% - 20px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 35px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 160px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 18px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 200px; margin-bottom: 30px;}.grocery-item-container .grocery-item-image{width: 40%; height: auto;}.grocery-item-container .grocery-item-image img{width: 100%; height: 380px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.grocery-item-container .grocery-item-content h3{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 250px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 28px; font-weight: 700; color: #001B2D; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 18px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translate(75px, 60px);}.nutritional-resources-container{width: 100%; height: auto; padding: 100px 250px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 100px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 20px); max-width: calc(15% - 20px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 40px; gap: 30px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 22px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 250px; margin-bottom: 30px;}.grocery-item-container .grocery-item-image{width: 40%; height: auto;}.grocery-item-container .grocery-item-image img{width: 100%; height: 500px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.grocery-item-container .grocery-item-content h3{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 3840px){.grocery-managment-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.grocery-managment-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 400px;}.grocery-managment-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .slogan{font-size: 50px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.grocery-managment-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.grocery-managment-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 30px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.grocery-managment-call-to-action .grocery-managment-call-to-action-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translate(110px, 60px);}.nutritional-resources-container{width: 100%; height: auto; padding: 150px 400px; background-color: #FAFCFD;}.nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 150px; display: flex; justify-content: center;}.nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 20px); max-width: calc(15% - 20px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 60px;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 80px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 50px; gap: 40px; background-color: white;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 350px; display: flex; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 34px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}.grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 400px; margin-bottom: 60px;}.grocery-item-container .grocery-item-image{width: 40%; height: auto;}.grocery-item-container .grocery-item-image img{width: 100%; height: 750px; -o-object-fit: contain; object-fit: contain;}.grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.grocery-item-container .grocery-item-content .title{width: 100%; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 40px !important;}.grocery-item-container .grocery-item-content h3{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}#wrapwrap main #wrap .grocery-item-container .grocery-item-image img.img-en{display: flex;}#wrapwrap main #wrap .grocery-item-container .grocery-item-image img.img-ar{display: none;}#wrapwrap.o_rtl main #wrap .grocery-managment-call-to-action .grocery-managment-call-to-action-img img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .grocery-item-container .grocery-item-image img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .grocery-item-container .grocery-item-image img.img-en{display: none;}#wrapwrap.o_rtl main #wrap .grocery-item-container .grocery-item-image img.img-ar{display: flex; transform: initial !important;} /* /odex_website/static/src/css/odex_exe_download.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.exe-download-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.exe-download-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 20px 15px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 100px; -o-object-fit: cover; object-fit: cover;}.exe-download-versions{width: 100%; height: auto; padding: 25px 20px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 12px; font-weight: 500; color: #434343; text-transform: initial; text-align: start; margin-bottom: 20px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto; overflow-x: scroll; padding: 5px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 420%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 12px; width: 200px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 12px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 30px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 30px; font-size: 12px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 8px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.exe-download-versions .exe-versions-table-container table#db-download{width: 100% !important;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 100%; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 30px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.exe-download-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.exe-download-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 170px; -o-object-fit: cover; object-fit: cover;}.exe-download-versions{width: 100%; height: auto; padding: 25px 20px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 15px; font-weight: 500; color: #434343; text-transform: initial; text-align: start; margin-bottom: 20px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto; overflow-x: scroll; padding: 5px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 320%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 32px; font-size: 13px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 32px; font-size: 13px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 12px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.exe-download-versions .exe-versions-table-container table#db-download{width: 100% !important;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 100%; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 17px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 32px; font-size: 13px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.exe-download-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.exe-download-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 160px; -o-object-fit: cover; object-fit: cover;}.exe-download-versions{width: 100%; height: auto; padding: 25px 20px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 14px; font-weight: 500; color: #434343; text-transform: initial; text-align: start; margin-bottom: 20px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto; overflow-x: scroll; padding: 5px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 300%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 13px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 32px; font-size: 13px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 32px; font-size: 13px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 12px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.exe-download-versions .exe-versions-table-container table#db-download{width: 100% !important;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 100%; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 32px; font-size: 13px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.exe-download-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.exe-download-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover;}.exe-download-versions{width: 100%; height: auto; padding: 25px 20px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 12px; font-weight: 500; color: #434343; text-transform: initial; text-align: start; margin-bottom: 20px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto; overflow-x: scroll; padding: 5px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 400%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px; width: 200px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 12px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 30px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 30px; font-size: 12px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 10px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.exe-download-versions .exe-versions-table-container table#db-download{width: 100% !important;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 100%; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 30px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 421px) and (max-width: 767px){.exe-download-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.exe-download-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 50px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 220px; -o-object-fit: cover; object-fit: cover;}.exe-download-versions{width: 100%; height: auto; padding: 35px 40px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 14px; font-weight: 500; color: #434343; text-transform: initial; text-align: start; margin-bottom: 20px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto; overflow-x: scroll; padding: 5px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 350%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 15px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.exe-download-versions .exe-versions-table-container table#db-download{width: 100% !important;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 90%; height: auto; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 30px 0px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 768px) and (max-width: 1024px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 40px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.exe-download-versions{width: 100%; height: auto; padding: 40px 40px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 16px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 25px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto; overflow-x: scroll; padding: 5px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 180%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.exe-download-versions .exe-versions-table-container table#db-download{width: 100% !important;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 320px; height: 175px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 10px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 40px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 450px; height: 150px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-services .services .service{width: 230px; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-services .services .service{width: 230px; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 20px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px;}.our-services .services .service{width: 250px; height: auto; background-color: white; padding: 25px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 25px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 50px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.exe-download-versions{width: 100%; height: auto; padding: 40px 50px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 20px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 25px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto; overflow-x: scroll; padding: 5px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 150%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 16px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 38px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 38px; font-size: 16px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.exe-download-versions .exe-versions-table-container table#db-download{width: 100% !important;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 50px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 45%; height: 180px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 10px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 38px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 80px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.exe-download-versions{width: 100%; height: auto; padding: 40px 80px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 14px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 20px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 80px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 45%; height: 170px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 10px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 110px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.exe-download-versions{width: 100%; height: auto; padding: 50px 110px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 15px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 25px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 110px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 40px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 30%; height: 175px; background-color: white; padding: 30px 15px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 10px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 135px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.exe-download-versions{width: 100%; height: auto; padding: 50px 135px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 16px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 25px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 12px 15px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 14px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 12px 15px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 135px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 30%; height: 170px; background-color: white; padding: 30px 20px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 20px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 15px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 180px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.exe-download-versions{width: 100%; height: auto; padding: 50px 180px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 16px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 30px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 15px 20px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 16px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 180px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 30%; height: 185px; background-color: white; padding: 30px 20px; border-radius: 35px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 35px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 200px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.exe-download-versions{width: 100%; height: auto; padding: 50px 200px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 18px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 35px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 100%; height: auto; border-radius: 30px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 30px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 15px 20px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 30px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 30px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 16px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 30px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 30px;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px 200px 100px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 50px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 28%; height: 195px; background-color: white; padding: 30px 20px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 1px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 24px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 30px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.our-services .services .service .service-description{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 35px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 250px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 18px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translate(75px, 60px);}.exe-download-versions{width: 100%; height: auto; padding: 80px 250px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 26px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 40px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 100%; height: auto; border-radius: 35px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 35px 35px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 35px 35px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 20px 20px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 35px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 35px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 18px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 20px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 28px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 12px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 35px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 35px;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 250px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 80px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 28%; height: 230px; background-color: white; padding: 35px 25px; border-radius: 30px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 40px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 28px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 35px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 20px !important;}.our-services .services .service .service-description{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 2px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 40px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}}@media screen and (min-width: 3840px){.exe-download-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-download-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 400px;}.exe-download-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}.exe-download-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-download-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.exe-download-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}.exe-download-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.exe-download-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.exe-download-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 30px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.exe-download-call-to-action .exe-download-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-download-call-to-action .exe-download-call-to-action-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translate(110px, 60px);}.exe-download-versions{width: 100%; height: auto; padding: 100px 400px; background-color: #FFFFFF;}.exe-download-versions .main-title{font-size: 40px; font-weight: 500; color: #434343; text-transform: initial; margin-bottom: 50px;}.exe-download-versions .exe-versions-table-container{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table, .exe-download-versions .exe-versions-table-container table#db-download{width: 100%; height: auto; border-radius: 50px; border-collapse: initial; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); overflow: hidden !important;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead, .exe-download-versions .exe-versions-table-container table#db-download thead{width: 100%; height: auto; border-radius: 50px 50px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr, .exe-download-versions .exe-versions-table-container table#db-download thead tr{width: 100%; height: auto; background-color: #E3E4E4; border: 1px solid #E3E4E4; border-radius: 50px 50px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th, .exe-download-versions .exe-versions-table-container table#db-download thead tr th{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: center; padding: 30px 20px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:first-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:first-child{border-radius: 0px 50px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table thead tr th:last-child, .exe-download-versions .exe-versions-table-container table#db-download thead tr th:last-child{border-radius: 50px 0px 0px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody, .exe-download-versions .exe-versions-table-container table#db-download tbody{width: 100%; height: auto;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr, .exe-download-versions .exe-versions-table-container table#db-download tbody tr{width: 100%; height: auto; background-color: #FBFBFB;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td{font-size: 30px; font-weight: normal; color: #6E6E6E; text-transform: initial; text-align: center; padding: 30px 20px; border: 1px solid rgba(0, 0, 0, 0.1);}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td:last-child{text-align: center;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .download-link, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .download-link{text-decoration: none; width: -moz-max-content; width: max-content; margin: 0px auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video{text-decoration: underline; width: -moz-max-content; width: max-content; margin: 0px auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr td .video img, .exe-download-versions .exe-versions-table-container table#db-download tbody tr td .video img{width: 45px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 15px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:first-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:first-child{border-radius: 0px 0px 50px 0px;}.exe-download-versions .exe-versions-table-container table#exe-versions-table tbody tr:last-child td:last-child, .exe-download-versions .exe-versions-table-container table#db-download tbody tr:last-child td:last-child{border-radius: 0px 0px 0px 50px;}.our-services{width: 100%; height: auto; background-image: url(/odex_website/static/src/css/../../img/our-services-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 400px;}.our-services .section-title-container{width: 100%; height: auto; margin-bottom: 80px;}.our-services .section-title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.our-services .services{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.our-services .services .service{width: 28%; height: 360px; background-color: white; padding: 50px 35px; border-radius: 70px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.0784313725); margin-bottom: 60px; position: relative; outline: none;}.our-services .services .service:hover{box-shadow: none; outline: 2px solid #137DC5; transition: outline 0.2s ease-in-out;}.our-services .services .service .service-title{font-size: 50px; font-weight: 500; color: #137DC5; text-transform: initial; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}.our-services .services .service .service-title img{width: 60px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 30px !important;}.our-services .services .service .service-description{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.our-services .services .service #service-divider{position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 4px; height: 50%; background-color: #137DC5;}.our-services .service-hour-link{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding-top: 50px;}.our-services .service-hour-link a{text-decoration: none; width: auto; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.our-services .service-hour-link a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}}#wrapwrap main #wrap .exe-download-call-to-action .exe-download-call-to-action-img img.img-en{display: flex;}#wrapwrap main #wrap .exe-download-call-to-action .exe-download-call-to-action-img img.img-ar{display: none;}#wrapwrap.o_rtl main #wrap .exe-download-call-to-action .exe-download-call-to-action-img img.img-en{display: none;}#wrapwrap.o_rtl main #wrap .exe-download-call-to-action .exe-download-call-to-action-img img.img-ar{display: flex;} /* /odex_website/static/src/css/odex_exe.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.exe-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.exe-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 20px 15px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.exe-call-to-action .exe-call-to-action-img img{width: 100px; -o-object-fit: cover; object-fit: cover;}.exe-essential-features{width: 100%; height: auto; padding: 40px 20px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 40px;}.exe-essential-features .title-container .title{width: 100%; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.exe-essential-features .essential-features .essential-feature{width: 90%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 160px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 10px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 40px;}.exe-features-container .title-container .title{width: 100%; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 20px; position: relative; border-radius: 20px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 90px; height: 90px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 100%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 13px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 10px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 15px 20px;}.faq-page-title .title{width: 100%; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start;}.faq-questions-container{width: 100%; height: auto; padding: 0px 20px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 12px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 20px;}.contact-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 15px;}.contact-now-container .contact-now p{font-size: 13px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 30px; text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}.download-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 18px;}.download-now-container .download-now{width: 100%; height: auto; padding: 25px 20px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.download-now-container .download-now img{width: 100px;}.download-now-container .download-now a{width: auto; height: 30px; text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.exe-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.exe-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.exe-call-to-action .exe-call-to-action-img img{width: 170px; -o-object-fit: cover; object-fit: cover;}.exe-essential-features{width: 100%; height: auto; padding: 40px 20px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-essential-features .title-container .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.exe-essential-features .essential-features .essential-feature{width: 90%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 200px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 14px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 25px; position: relative; border-radius: 20px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 100%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 14px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 20px;}.faq-page-title .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start;}.faq-questions-container{width: 100%; height: auto; padding: 0px 20px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 14px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 20px;}.contact-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 15px;}.contact-now-container .contact-now p{font-size: 14px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 32px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}.download-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 20px;}.download-now-container .download-now{width: 100%; height: auto; padding: 40px 20px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.download-now-container .download-now img{width: 130px;}.download-now-container .download-now a{width: auto; height: 32px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.exe-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.exe-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.exe-call-to-action .exe-call-to-action-img img{width: 160px; -o-object-fit: cover; object-fit: cover;}.exe-essential-features{width: 100%; height: auto; padding: 40px 20px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-essential-features .title-container .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.exe-essential-features .essential-features .essential-feature{width: 90%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 200px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 25px; position: relative; border-radius: 20px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 100%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 13px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 20px;}.faq-page-title .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start;}.faq-questions-container{width: 100%; height: auto; padding: 0px 20px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 14px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 20px;}.contact-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 15px;}.contact-now-container .contact-now p{font-size: 13px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 32px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}.download-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 20px;}.download-now-container .download-now{width: 100%; height: auto; padding: 30px 20px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.download-now-container .download-now img{width: 120px;}.download-now-container .download-now a{width: auto; height: 32px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.exe-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.exe-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.exe-call-to-action .exe-call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover;}.exe-essential-features{width: 100%; height: auto; padding: 40px 20px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 40px;}.exe-essential-features .title-container .title{width: 100%; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.exe-essential-features .essential-features .essential-feature{width: 90%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 180px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 20px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 40px;}.exe-features-container .title-container .title{width: 100%; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 13px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 25px; position: relative; border-radius: 20px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 100%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 13px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 20px 20px;}.faq-page-title .title{width: 100%; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start;}.faq-questions-container{width: 100%; height: auto; padding: 0px 20px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 13px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 14px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 13px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 20px;}.contact-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 15px;}.contact-now-container .contact-now p{font-size: 13px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 30px; text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}.download-now-container{width: 100%; height: auto; padding: 0px 20px; margin-bottom: 15px;}.download-now-container .download-now{width: 100%; height: auto; padding: 30px 20px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.download-now-container .download-now img{width: 110px;}.download-now-container .download-now a{width: auto; height: 30px; text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 421px) and (max-width: 767px){.exe-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.exe-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 50px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.exe-call-to-action .exe-call-to-action-img img{width: 220px; -o-object-fit: cover; object-fit: cover;}.exe-essential-features{width: 100%; height: auto; padding: 50px 40px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-essential-features .title-container .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.exe-essential-features .essential-features .essential-feature{width: 90%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 230px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 40px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 90%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 30px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 100%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 15px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 25px 40px;}.faq-page-title .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start;}.faq-questions-container{width: 100%; height: auto; padding: 0px 40px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 18px 18px 18px 18px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 22px; cursor: pointer; position: relative; gap: 10px;}.faq-questions-container .accordion-item .accordion-header p{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 16px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 18px 18px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 22px;}.contact-now-container{width: 100%; height: auto; padding: 0px 40px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 18px; display: flex; justify-content: space-between; align-items: center; padding: 22px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); flex-direction: column; gap: 10px;}.contact-now-container .contact-now p{font-size: 15px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 34px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}.download-now-container{width: 100%; height: auto; padding: 0px 40px; margin-bottom: 20px;}.download-now-container .download-now{width: 100%; height: auto; padding: 40px 40px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.download-now-container .download-now img{width: 140px;}.download-now-container .download-now a{width: auto; height: 34px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 768px) and (max-width: 1024px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 40px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.exe-essential-features{width: 100%; height: auto; padding: 50px 40px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-essential-features .title-container .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 230px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 40px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 15px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 48%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 90px; height: 90px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 15px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 40px;}.faq-page-title .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 40px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 15px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 18px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 15px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px;}.contact-now-container{width: 100%; height: auto; padding: 0px 40px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 15px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 34px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}.download-now-container{width: 100%; height: auto; padding: 0px 40px; margin-bottom: 25px;}.download-now-container .download-now{width: 100%; height: auto; padding: 40px 40px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.download-now-container .download-now img{width: 160px;}.download-now-container .download-now a{width: auto; height: 34px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 50px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.exe-essential-features{width: 100%; height: auto; padding: 50px 50px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-essential-features .title-container .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 250px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 50px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 46%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 35px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 16px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 50px;}.faq-page-title .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 50px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 18px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 30px;}.contact-now-container{width: 100%; height: auto; padding: 0px 50px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 16px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{width: auto; height: 38px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}.download-now-container{width: 100%; height: auto; padding: 0px 50px; margin-bottom: 25px;}.download-now-container .download-now{width: 100%; height: auto; padding: 40px 50px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.download-now-container .download-now img{width: 160px;}.download-now-container .download-now a{width: auto; height: 38px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-align: center;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 80px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.exe-essential-features{width: 100%; height: auto; padding: 50px 80px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-essential-features .title-container .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 230px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 80px 0px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 14px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 0px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 32%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 30px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 90px; height: 90px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 14px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 25px 80px;}.faq-page-title .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 80px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 16px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px;}.contact-now-container{width: 100%; height: auto; padding: 0px 80px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 14px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 33px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.download-now-container{width: 100%; height: auto; padding: 0px 80px; margin-bottom: 22px;}.download-now-container .download-now{width: 100%; height: auto; padding: 40px 80px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.download-now-container .download-now img{width: 140px;}.download-now-container .download-now a{height: 33px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 110px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.exe-essential-features{width: 100%; height: auto; padding: 50px 110px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-essential-features .title-container .title{width: 100%; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 270px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 110px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 40px;}.exe-features-container .title-container .title{width: 100%; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 14px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 100px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 31%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 110px; height: 110px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 14px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 25px 110px;}.faq-page-title .title{width: 100%; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 110px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 16px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px;}.contact-now-container{width: 100%; height: auto; padding: 0px 110px; margin-bottom: 30px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 14px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 33px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.download-now-container{width: 100%; height: auto; padding: 0px 110px; margin-bottom: 25px;}.download-now-container .download-now{width: 100%; height: auto; padding: 30px 110px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.download-now-container .download-now img{width: 150px;}.download-now-container .download-now a{height: 33px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 135px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.exe-essential-features{width: 100%; height: auto; padding: 50px 135px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-essential-features .title-container .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 290px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 40px 135px 20px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 14px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 160px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 31%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 130px; height: 130px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 14px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 25px 135px;}.faq-page-title .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 135px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 14px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 16px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 14px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px;}.contact-now-container{width: 100%; height: auto; padding: 0px 135px; margin-bottom: 20px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 14px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 33px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.download-now-container{width: 100%; height: auto; padding: 0px 135px; margin-bottom: 25px;}.download-now-container .download-now{width: 100%; height: auto; padding: 30px 135px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.download-now-container .download-now img{width: 160px;}.download-now-container .download-now a{height: 33px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 180px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.exe-essential-features{width: 100%; height: auto; padding: 50px 180px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 80px;}.exe-essential-features .title-container .title{width: 100%; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 290px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 50px 180px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 16px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 31%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 140px; height: 140px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 35px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 16px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 180px;}.faq-page-title .title{width: 100%; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 180px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 16px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 20px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 16px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 25px;}.contact-now-container{width: 100%; height: auto; padding: 0px 180px; margin-bottom: 20px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 25px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 16px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 36px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.download-now-container{width: 100%; height: auto; padding: 0px 180px; margin-bottom: 25px;}.download-now-container .download-now{width: 100%; height: auto; padding: 40px 180px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}.download-now-container .download-now img{width: 180px;}.download-now-container .download-now a{height: 36px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 200px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.exe-essential-features{width: 100%; height: auto; padding: 100px 200px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 80px;}.exe-essential-features .title-container .title{width: 100%; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 300px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 100px 200px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}.exe-features-container .title-container .title{width: 100%; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 18px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 28%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 150px; height: 150px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 40px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 18px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 30px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 30px 200px;}.faq-page-title .title{width: 100%; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 200px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 20px 20px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 18px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 22px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 20px 20px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 18px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 30px;}.contact-now-container{width: 100%; height: auto; padding: 0px 200px; margin-bottom: 20px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 30px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 18px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 40px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.download-now-container{width: 100%; height: auto; padding: 0px 200px; margin-bottom: 30px;}.download-now-container .download-now{width: 100%; height: auto; padding: 40px 350px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.download-now-container .download-now img{width: 200px;}.download-now-container .download-now a{height: 40px; text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 250px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 18px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translate(75px, 60px);}.exe-essential-features{width: 100%; height: auto; padding: 100px 250px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 80px;}.exe-essential-features .title-container .title{width: 100%; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 400px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 15px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 35px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 100px 250px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 80px;}.exe-features-container .title-container .title{width: 100%; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}.exe-features-container .title-container .secondary-title{font-size: 22px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 28%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 30px 20px; margin-bottom: 40px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 180px; height: 180px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 60px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 22px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 15px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 35px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 35px 250px;}.faq-page-title .title{width: 100%; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 250px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 25px; display: flex; justify-content: space-between; align-items: center; padding: 40px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 22px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 28px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 25px 25px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 22px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 40px;}.contact-now-container{width: 100%; height: auto; padding: 0px 250px; margin-bottom: 30px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 25px; display: flex; justify-content: space-between; align-items: center; padding: 40px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 22px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 45px; text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.download-now-container{width: 100%; height: auto; padding: 0px 250px; margin-bottom: 40px;}.download-now-container .download-now{width: 100%; height: auto; padding: 40px 400px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.download-now-container .download-now img{width: 250px;}.download-now-container .download-now a{height: 45px; text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}}@media screen and (min-width: 3840px){.exe-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.exe-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 400px;}.exe-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}.exe-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.exe-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.exe-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}.exe-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.exe-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.exe-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 30px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.exe-call-to-action .exe-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.exe-call-to-action .exe-call-to-action-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translate(110px, 60px);}.exe-essential-features{width: 100%; height: auto; padding: 150px 400px; background-color: #ffffff;}.exe-essential-features .title-container{width: 100%; height: auto; margin-bottom: 80px;}.exe-essential-features .title-container .title{width: 100%; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.exe-essential-features .essential-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center;}.exe-essential-features .essential-features .essential-feature{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-img-container img{width: 550px;}.exe-essential-features .essential-features .essential-feature .essential-feature-name{font-size: 34px; font-weight: 500; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.exe-essential-features .essential-features .essential-feature .essential-feature-description{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 50px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.exe-features-container{width: 100%; height: auto; padding: 100px 400px; background-color: #FCFCFC;}.exe-features-container .title-container{width: 100%; height: auto; margin-bottom: 120px;}.exe-features-container .title-container .title{width: 100%; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 30px;}.exe-features-container .title-container .secondary-title{font-size: 34px; font-weight: 500; color: #7B7A7A; text-transform: initial; text-align: center; padding: 0px 250px;}.exe-features-container .exe-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.exe-features-container .exe-features .exe-feature{width: 28%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: transparent; padding: 50px 40px; margin-bottom: 80px; position: relative; border-radius: 30px;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container{width: 250px; height: 250px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 80px; z-index: 1;}.exe-features-container .exe-features .exe-feature .exe-feature-icon-container img{width: 80%; transform: scale(1.5);}.exe-features-container .exe-features .exe-feature .exe-feature-name{font-size: 34px; font-weight: 500; color: #001B2D; text-transform: initial; margin-bottom: 10px;}.exe-features-container .exe-features .exe-feature .exe-feature-description{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center; margin-bottom: 50px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}.faq-page-title{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 50px 400px;}.faq-page-title .title{width: 100%; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial;}.faq-questions-container{width: 100%; height: auto; padding: 0px 400px;}.faq-questions-container .accordion-item{width: 100%; height: auto; margin-bottom: 60px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 30px 30px 30px 30px; background-color: #DEE9F1;}.faq-questions-container .accordion-item .accordion-header{width: 100%; height: auto; background-color: #DEE9F1; border-radius: 30px; display: flex; justify-content: space-between; align-items: center; padding: 60px; cursor: pointer; position: relative;}.faq-questions-container .accordion-item .accordion-header p{font-size: 34px; font-weight: 500; color: #137DC5; text-transform: initial;}.faq-questions-container .accordion-item .accordion-header img{width: 40px; -o-object-fit: cover; object-fit: cover;}.faq-questions-container .accordion-item .accordion-content{width: 100%; height: auto; background-color: #F4F8FA; border-radius: 0px 0px 30px 30px; overflow: hidden;}.faq-questions-container .accordion-item .accordion-content p{font-size: 34px; font-weight: 500; color: #606060; text-transform: initial; text-align: start;}.faq-questions-container .accordion-item.active .accordion-content{padding: 40px 60px;}.contact-now-container{width: 100%; height: auto; padding: 0px 400px; margin-bottom: 40px;}.contact-now-container .contact-now{width: 100%; height: auto; background-color: #F8F8F8; border-radius: 30px; display: flex; justify-content: space-between; align-items: center; padding: 60px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}.contact-now-container .contact-now p{font-size: 34px; font-weight: 500; color: #505050; text-transform: initial;}.contact-now-container .contact-now a{height: 70px; text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.download-now-container{width: 100%; height: auto; padding: 0px 400px; margin-bottom: 60px;}.download-now-container .download-now{width: 100%; height: auto; padding: 60px 650px; background-color: #F8F8F8; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 50px;}.download-now-container .download-now img{width: 400px;}.download-now-container .download-now a{height: 70px; text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}}#wrapwrap main #wrap_exe .exe-call-to-action .exe-call-to-action-img img.img-en{display: flex;}#wrapwrap main #wrap_exe .exe-call-to-action .exe-call-to-action-img img.img-ar{display: none;}#wrapwrap.o_rtl main #wrap_exe .exe-call-to-action .exe-call-to-action-img img.img-en{display: none;}#wrapwrap.o_rtl main #wrap_exe .exe-call-to-action .exe-call-to-action-img img.img-ar{display: flex;} /* /odex_website/static/src/css/e-invoice.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.e-invoice-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.e-invoice-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 20px 15px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 100px; -o-object-fit: cover; object-fit: cover;}.e-invoice-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.e-invoice-features-container .title-container .main-title{font-size: 16px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 16px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 70%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 90%; height: 50px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; max-width: 200px; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 55px 20px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 40px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 100%; height: auto; padding: 30px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 0%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 100%; height: auto; max-width: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px 50px 30px; gap: 5px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 100%; height: 55px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 100%; height: 160px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 160px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.e-invoice-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.e-invoice-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 17px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 170px; -o-object-fit: cover; object-fit: cover;}.e-invoice-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.e-invoice-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 90%; height: 50px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; max-width: 200px; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 55px 20px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 40px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 100%; height: auto; padding: 30px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 0%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 100%; height: auto; max-width: 280px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px 50px 30px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 100%; height: 60px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 100%; height: 180px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 220px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.e-invoice-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.e-invoice-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 160px; -o-object-fit: cover; object-fit: cover;}.e-invoice-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.e-invoice-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 90%; height: 50px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; max-width: 200px; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 55px 20px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 40px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 100%; height: auto; padding: 30px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 0%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 100%; height: auto; max-width: 280px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px 50px 30px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 100%; height: 60px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 100%; height: 180px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 200px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.e-invoice-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.e-invoice-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover;}.e-invoice-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.e-invoice-features-container .title-container .main-title{font-size: 18px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 70%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 90%; height: 50px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; max-width: 200px; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 13px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 55px 20px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 40px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 100%; height: auto; padding: 30px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 0%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 100%; height: auto; max-width: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px 50px 30px; gap: 5px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 100%; height: 55px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 100%; height: 160px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; overflow-y: scroll; padding: 15px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 180px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 421px) and (max-width: 767px){.e-invoice-call-to-action{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.e-invoice-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 50px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 220px; -o-object-fit: cover; object-fit: cover;}.e-invoice-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.e-invoice-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 8px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 90%; height: 50px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; max-width: 200px; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 60px 40px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 50px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 100%; height: auto; padding: 40px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 0%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 100%; height: auto; max-width: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0px 50px 30px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 100%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -40px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 240px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 768px) and (max-width: 1024px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 40px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.e-invoice-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.e-invoice-features-container .title-container .main-title{font-size: 24px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 8px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 100%; height: 50px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 15px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 60px 40px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 70px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 380px; display: flex; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 40px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 20%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 100%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 85%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 380px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 75%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 400px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll; padding: 15px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 100%;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (max-width: 699px) and (max-device-height: 550px){.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll; padding: 15px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 100%;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (max-width: 699px) and (max-device-height: 319px){.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll; padding: 15px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 100%;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 50px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.e-invoice-features-container{width: 100%; height: auto; padding: 65px 50px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.e-invoice-features-container .title-container .main-title{font-size: 26px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 100%; height: 60px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 145px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 70%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 65px 50px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 70px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 380px; display: flex; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 40px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 26px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 20%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 100%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 75%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 400px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1025px) and (max-width: 1200px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 80px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.e-invoice-features-container{width: 100%; height: auto; padding: 60px 80px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.e-invoice-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 35px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 100%; height: 55px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 125px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 75%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 60px 80px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 80px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 380px; display: flex; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 40px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 20%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 90%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 100%; height: 180px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 65%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 400px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1201px) and (max-width: 1365px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 110px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.e-invoice-features-container{width: 100%; height: auto; padding: 65px 110px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.e-invoice-features-container .title-container .main-title{font-size: 22px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 22px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 90%; height: 60px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 145px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 65px 110px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 80px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 380px; display: flex; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 40px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 22px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 30%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 90%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 90%; height: 200px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 400px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1366px) and (max-width: 1599px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 135px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.e-invoice-features-container{width: 100%; height: auto; padding: 65px 135px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 75px;}.e-invoice-features-container .title-container .main-title{font-size: 26px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 80%; height: 60px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 145px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 14px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 65px 135px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 80px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 380px; display: flex; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 40px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 26px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px; text-align: start; padding-inline-end: 30%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 90%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 90%; height: 240px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -26px; left: -26px; width: 38px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 400px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1366px) and (max-device-height: 620px){.e-invoice-call-to-action{height: 135vh !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 180px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 22px; font-weight: 700; color: #001B2D; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.e-invoice-features-container{width: 100%; height: auto; padding: 70px 180px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 90px;}.e-invoice-features-container .title-container .main-title{font-size: 28px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 28px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 28px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 80%; height: 60px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 155px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 16px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 80px 180px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 80px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 410px; display: flex; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 60px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 28px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 30px; text-align: start; padding-inline-end: 30%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 90%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 90%; height: 240px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 22px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 450px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 1920px) and (max-width: 2559px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 200px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.e-invoice-features-container{width: 100%; height: auto; padding: 100px 200px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 100px;}.e-invoice-features-container .title-container .main-title{font-size: 32px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 12px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 80%; height: 75px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 190px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 50%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 18px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 18px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 100px 200px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 80px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 430px; display: flex; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 80px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 32px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 30px; text-align: start; padding-inline-end: 30%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; gap: 10px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 70%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 70%; height: 260px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 500px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 2560px) and (max-width: 3839px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 250px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 28px; font-weight: 700; color: #001B2D; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 18px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 28px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 12px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translate(75px, 60px);}.e-invoice-features-container{width: 100%; height: auto; padding: 100px 250px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 100px;}.e-invoice-features-container .title-container .main-title{font-size: 34px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 12px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 40px; gap: 30px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 80%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 50%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 22px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 6px;}.e-invoice-elements{width: 100%; height: auto; padding: 100px 250px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 80px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 520px; display: flex; align-items: center; border-radius: 45px 45px 0px 45px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 80px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 34px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 30px; text-align: start; padding-inline-end: 40%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; gap: 35px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 70%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 70%; height: 300px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 45px 45px 45px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 30px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 640px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1882352941);}}@media screen and (min-width: 3840px){.e-invoice-call-to-action{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.e-invoice-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 400px;}.e-invoice-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}.e-invoice-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.e-invoice-call-to-action .main-content .call-to-action-headline .slogan{font-size: 50px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px;}.e-invoice-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.e-invoice-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}.e-invoice-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video{text-decoration: underline; font-size: 30px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.e-invoice-call-to-action .main-content .call-to-action-buttons .video img{width: 45px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 15px;}.e-invoice-call-to-action .e-invoice-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.e-invoice-call-to-action .e-invoice-call-to-action-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translate(110px, 60px);}.e-invoice-features-container{width: 100%; height: auto; padding: 150px 400px; background-color: #FAFCFD;}.e-invoice-features-container .title-container{width: 100%; height: auto; margin-bottom: 150px;}.e-invoice-features-container .title-container .main-title{font-size: 60px; font-weight: 700; color: #505050; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title{font-size: 60px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.e-invoice-features-container .title-container .secondary-title span{font-size: 60px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 20px !important;}.e-invoice-features-container .e-invoice-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.e-invoice-features-container .e-invoice-features .e-invoice-feature{width: 22%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 60px;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 80px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 50px; gap: 40px; background-color: white;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo{width: 80%; height: 100px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img{width: 100%; height: 350px; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-img-container .e-invoice-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p{font-size: 34px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.e-invoice-features-container .e-invoice-features .e-invoice-feature .e-invoice-feature-description p span{font-size: 34px; font-weight: 600; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.e-invoice-elements{width: 100%; height: auto; padding: 150px 400px; background-color: #FDFDFD; display: flex; flex-direction: column; gap: 120px;}.e-invoice-elements .e-invoice-element-container{width: 100%; height: 700px; display: flex; align-items: center; border-radius: 70px 70px 0px 70px; background-image: url(/odex_website/static/src/css/../../img/element-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0px 0px 22px rgba(120, 120, 120, 0.29);}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content{width: 70%; height: auto; padding: 100px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .main-title{font-size: 60px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 50px; text-align: start; padding-inline-end: 40%;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-content .secondary-title{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: justify;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; gap: 35px;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo{width: 80%; height: 80px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .zakat-logo img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img{width: 80%; height: 450px; display: flex; justify-content: center; align-items: center;}.e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain;}.e-invoice-elements .e-invoice-element-container.flip{background-image: url(/odex_website/static/src/css/../../img/element-bg-flip.png); border-radius: 70px 70px 70px 0px;}.einvoice-video-popup-container{width: 100%; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.einvoice-video-popup-container .einvoice-video-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.einvoice-video-popup-container .einvoice-video-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container{width: 100%; height: auto; position: relative; padding: 50px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container #einvoice-video-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer; z-index: 10;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container{width: 100%; height: 950px;}.einvoice-video-popup-container .einvoice-video-popup-section .einvoice-video-popup-section-container .einvoice-video-container iframe{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1882352941);}}#wrapwrap main #wrap .e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img.img-en{display: flex;}#wrapwrap main #wrap .e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img.img-ar{display: none;}#wrapwrap.o_rtl main #wrap .e-invoice-call-to-action .e-invoice-call-to-action-img img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img.img-en{display: none;}#wrapwrap.o_rtl main #wrap .e-invoice-elements .e-invoice-element-container .e-invoice-element-img-container .e-invoice-img img.img-ar{display: flex; transform: initial !important;} /* /odex_website/static/src/css/odex_real_estate.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.real-estate-call-to-action{width: 100vw; height: 105vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.real-estate-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 20px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 80px 0px 20px;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 100px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 16px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 70%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; margin-bottom: 10px; gap: 20px;}.real-estate-item-container .real-estate-item-image{width: 95%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 150px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.real-estate-item-container .real-estate-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.real-estate-call-to-action{width: 100vw; height: 110vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.real-estate-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 30px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 17px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 40px 0px 30px;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 170px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 145px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 20px; gap: 30px;}.real-estate-item-container .real-estate-item-image{width: 90%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.real-estate-item-container .real-estate-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.real-estate-call-to-action{width: 100vw; height: 110vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.real-estate-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 30px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 50px 0px 20px;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 160px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 150px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 62%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 20px; gap: 30px;}.real-estate-item-container .real-estate-item-image{width: 90%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.real-estate-item-container .real-estate-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.real-estate-call-to-action{width: 100vw; height: 120vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.real-estate-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 40px 0px 20px;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 70%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 140px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 10px; gap: 25px;}.real-estate-item-container .real-estate-item-image{width: 90%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.real-estate-item-container .real-estate-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 421px) and (max-width: 767px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.real-estate-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 30px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 100%; height: 30vh; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 150px 0px 20px;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 220px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 8px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 230px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 140px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px; margin-bottom: 30px; gap: 30px;}.real-estate-item-container .real-estate-item-image{width: 90%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 230px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal; text-align: start;}.real-estate-item-container .real-estate-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 768px) and (max-width: 1024px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 40px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.key-features-container .title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 8px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 40px; margin-bottom: 40px; gap: 50px;}.real-estate-item-container .real-estate-item-image{width: 65%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.real-estate-item-container .real-estate-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.key-features-container .title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 8px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px; margin-bottom: 20px; gap: 40px;}.real-estate-item-container .real-estate-item-image{width: 50%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.real-estate-item-container .real-estate-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}.real-estate-item-container .real-estate-item-image{width: 70%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 270px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}.real-estate-item-container .real-estate-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}.real-estate-item-container .real-estate-item-image{width: 70%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 240px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}.real-estate-item-container .real-estate-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 10px; gap: 25px;}.real-estate-item-container .real-estate-item-image{width: 70%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 220px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content h1{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 10px; font-family: "Madani Arabic", sans-serif !important;}.real-estate-item-container .real-estate-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 50px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.key-features-container{width: 100%; height: auto; padding: 65px 50px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.key-features-container .title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 35px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 140px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 70%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 50px; margin-bottom: 30px; gap: 40px;}.real-estate-item-container .real-estate-item-image{width: 50%; height: auto; order: 2;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.real-estate-item-container .real-estate-item-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 80px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.key-features-container{width: 100%; height: auto; padding: 60px 80px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 35px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 125px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 80px; margin-bottom: 25px;}.real-estate-item-container .real-estate-item-image{width: 40%; height: auto;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 260px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.real-estate-item-container .real-estate-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 110px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.key-features-container{width: 100%; height: auto; padding: 65px 110px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.key-features-container .title-container .main-title{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 22px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 145px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 70%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 100px; margin-bottom: 25px;}.real-estate-item-container .real-estate-item-image{width: 40%; height: auto;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 290px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.real-estate-item-container .real-estate-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 135px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.key-features-container{width: 100%; height: auto; padding: 65px 135px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 75px;}.key-features-container .title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 150px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 60px 135px; margin-bottom: 25px;}.real-estate-item-container .real-estate-item-image{width: 40%; height: auto;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.real-estate-item-container .real-estate-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1366px) and (max-device-height: 620px){.real-estate-call-to-action{height: 135vh !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 180px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 22px; font-weight: 700; color: #001B2D; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.key-features-container{width: 100%; height: auto; padding: 70px 180px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 90px;}.key-features-container .title-container .main-title{font-size: 28px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 28px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 155px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 180px; margin-bottom: 25px;}.real-estate-item-container .real-estate-item-image{width: 40%; height: auto;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 330px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.real-estate-item-container .real-estate-item-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 200px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.key-features-container{width: 100%; height: auto; padding: 100px 200px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 100px;}.key-features-container .title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 12px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 190px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 18px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 200px; margin-bottom: 30px;}.real-estate-item-container .real-estate-item-image{width: 40%; height: auto;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 380px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.real-estate-item-container .real-estate-item-content h3{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 250px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 28px; font-weight: 700; color: #001B2D; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 18px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translate(75px, 60px);}.key-features-container{width: 100%; height: auto; padding: 100px 250px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 100px;}.key-features-container .title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 12px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 40px; gap: 30px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 55%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 22px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 250px; margin-bottom: 30px;}.real-estate-item-container .real-estate-item-image{width: 40%; height: auto;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 500px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 25px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.real-estate-item-container .real-estate-item-content h3{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 3840px){.real-estate-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.real-estate-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 400px;}.real-estate-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}.real-estate-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.real-estate-call-to-action .main-content .call-to-action-headline .slogan{font-size: 50px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px;}.real-estate-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.real-estate-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}.real-estate-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.real-estate-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.real-estate-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 30px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.real-estate-call-to-action .real-estate-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.real-estate-call-to-action .real-estate-call-to-action-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translate(110px, 60px);}.key-features-container{width: 100%; height: auto; padding: 150px 400px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 150px;}.key-features-container .title-container .main-title{font-size: 60px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 60px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 20px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 60px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 80px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 50px; gap: 40px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 350px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 34px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.real-estate-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 120px 400px; margin-bottom: 60px;}.real-estate-item-container .real-estate-item-image{width: 40%; height: auto;}.real-estate-item-container .real-estate-item-image img{width: 100%; height: 750px; -o-object-fit: contain; object-fit: contain;}.real-estate-item-container .real-estate-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px;}.real-estate-item-container .real-estate-item-content .title{width: 100%; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 40px !important;}.real-estate-item-container .real-estate-item-content h3{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}#wrapwrap main #wrap .real-estate-call-to-action .real-estate-call-to-action-img img.img-en{display: flex;}#wrapwrap main #wrap .real-estate-call-to-action .real-estate-call-to-action-img img.img-ar{display: none;}#wrapwrap.o_rtl main #wrap .real-estate-call-to-action .real-estate-call-to-action-img img.img-en{display: none;}#wrapwrap.o_rtl main #wrap .real-estate-call-to-action .real-estate-call-to-action-img img.img-ar{display: flex;} /* /odex_website/static/src/css/odex_contractors.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.contractors-call-to-action{width: 100vw; height: 105vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.contractors-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 20px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 80px 0px 20px;}.contractors-call-to-action .contractors-call-to-action-img img{width: 100px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 16px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 70%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; margin-bottom: 10px; gap: 20px;}.contractors-item-container .contractors-item-image{width: 95%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 150px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.contractors-item-container .contractors-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.contractors-call-to-action{width: 100vw; height: 110vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.contractors-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 30px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 17px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 40px 0px 30px;}.contractors-call-to-action .contractors-call-to-action-img img{width: 170px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 145px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 20px; gap: 30px;}.contractors-item-container .contractors-item-image{width: 90%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.contractors-item-container .contractors-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.contractors-call-to-action{width: 100vw; height: 110vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.contractors-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 30px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 50px 0px 20px;}.contractors-call-to-action .contractors-call-to-action-img img{width: 160px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 60%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 150px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 62%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 20px; gap: 30px;}.contractors-item-container .contractors-item-image{width: 90%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.contractors-item-container .contractors-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.contractors-call-to-action{width: 100vw; height: 120vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.contractors-call-to-action .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 40px 0px 20px;}.contractors-call-to-action .contractors-call-to-action-img img{width: 130px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 7px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 70%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 140px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 10px; gap: 25px;}.contractors-item-container .contractors-item-image{width: 90%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.contractors-item-container .contractors-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 421px) and (max-width: 767px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column;}.contractors-call-to-action .main-content{width: 100%; height: 50vh; padding-inline-start: 0px; order: 2; padding: 0px 30px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 100%; height: 30vh; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 150px 0px 20px;}.contractors-call-to-action .contractors-call-to-action-img img{width: 220px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 8px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}.key-features-container .key-features .key-feature{width: 230px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 140px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px; margin-bottom: 30px; gap: 30px;}.contractors-item-container .contractors-item-image{width: 90%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 230px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal; text-align: start;}.contractors-item-container .contractors-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 768px) and (max-width: 1024px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 40px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.key-features-container .title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 8px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 40px; margin-bottom: 40px; gap: 50px;}.contractors-item-container .contractors-item-image{width: 65%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.contractors-item-container .contractors-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.key-features-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.key-features-container .title-container .main-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 8px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px; margin-bottom: 20px; gap: 40px;}.contractors-item-container .contractors-item-image{width: 50%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.contractors-item-container .contractors-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}.contractors-item-container .contractors-item-image{width: 70%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 270px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}.contractors-item-container .contractors-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}.contractors-item-container .contractors-item-image{width: 70%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 240px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}.contractors-item-container .contractors-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 10px; gap: 25px;}.contractors-item-container .contractors-item-image{width: 70%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 220px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content h1{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 10px; font-family: "Madani Arabic", sans-serif !important;}.contractors-item-container .contractors-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 50px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.key-features-container{width: 100%; height: auto; padding: 65px 50px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.key-features-container .title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 35px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 140px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 70%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 50px; margin-bottom: 30px; gap: 40px;}.contractors-item-container .contractors-item-image{width: 50%; height: auto; order: 2;}.contractors-item-container .contractors-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.contractors-item-container .contractors-item-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 80px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.key-features-container{width: 100%; height: auto; padding: 60px 80px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}.key-features-container .title-container .main-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 35px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 125px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 80%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 80px; margin-bottom: 25px;}.contractors-item-container .contractors-item-image{width: 40%; height: auto;}.contractors-item-container .contractors-item-image img{width: 100%; height: 260px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.contractors-item-container .contractors-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 110px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.key-features-container{width: 100%; height: auto; padding: 65px 110px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}.key-features-container .title-container .main-title{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 22px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 145px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 70%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 100px; margin-bottom: 25px;}.contractors-item-container .contractors-item-image{width: 40%; height: auto;}.contractors-item-container .contractors-item-image img{width: 100%; height: 290px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}.contractors-item-container .contractors-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 52%; height: auto; padding-inline-start: 135px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.key-features-container{width: 100%; height: auto; padding: 65px 135px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 75px;}.key-features-container .title-container .main-title{font-size: 26px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 26px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 25px; gap: 0px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 150px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 65%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 60px 135px; margin-bottom: 25px;}.contractors-item-container .contractors-item-image{width: 40%; height: auto;}.contractors-item-container .contractors-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.contractors-item-container .contractors-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1366px) and (max-device-height: 620px){.contractors-call-to-action{height: 135vh !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 180px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 22px; font-weight: 700; color: #001B2D; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.key-features-container{width: 100%; height: auto; padding: 70px 180px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 90px;}.key-features-container .title-container .main-title{font-size: 28px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 28px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 10px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 155px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 180px; margin-bottom: 25px;}.contractors-item-container .contractors-item-image{width: 40%; height: auto;}.contractors-item-container .contractors-item-image img{width: 100%; height: 330px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.contractors-item-container .contractors-item-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 200px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.key-features-container{width: 100%; height: auto; padding: 100px 200px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 100px;}.key-features-container .title-container .main-title{font-size: 32px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 32px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 12px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 190px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 18px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 200px; margin-bottom: 30px;}.contractors-item-container .contractors-item-image{width: 40%; height: auto;}.contractors-item-container .contractors-item-image img{width: 100%; height: 380px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}.contractors-item-container .contractors-item-content h3{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 250px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 28px; font-weight: 700; color: #001B2D; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 18px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translate(75px, 60px);}.key-features-container{width: 100%; height: auto; padding: 100px 250px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 100px;}.key-features-container .title-container .main-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 12px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 40px; gap: 30px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 55%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 22px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 250px; margin-bottom: 30px;}.contractors-item-container .contractors-item-image{width: 40%; height: auto;}.contractors-item-container .contractors-item-image img{width: 100%; height: 500px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 25px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}.contractors-item-container .contractors-item-content h3{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 3840px){.contractors-call-to-action{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.contractors-call-to-action .main-content{width: 50%; height: auto; padding-inline-start: 400px;}.contractors-call-to-action .main-content .call-to-action-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}.contractors-call-to-action .main-content .call-to-action-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.contractors-call-to-action .main-content .call-to-action-headline .slogan{font-size: 50px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px;}.contractors-call-to-action .main-content .call-to-action-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.contractors-call-to-action .main-content .call-to-action-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}.contractors-call-to-action .main-content .call-to-action-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.contractors-call-to-action .main-content .call-to-action-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.contractors-call-to-action .main-content .call-to-action-buttons .calendar-btn{font-size: 30px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.contractors-call-to-action .contractors-call-to-action-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.contractors-call-to-action .contractors-call-to-action-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translate(110px, 60px);}.key-features-container{width: 100%; height: auto; padding: 150px 400px; background-color: #FAFCFD;}.key-features-container .title-container{width: 100%; height: auto; margin-bottom: 150px;}.key-features-container .title-container .main-title{font-size: 60px; font-weight: 700; color: #137DC5; text-transform: initial; margin-bottom: 10px; text-align: center;}.key-features-container .title-container .main-title span{font-size: 60px; font-weight: 700; color: #045992; text-transform: initial; margin-inline-start: 20px !important;}.key-features-container .key-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}.key-features-container .key-features .key-feature{width: 18%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 60px;}.key-features-container .key-features .key-feature .key-feature-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 80px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 50px; gap: 40px; background-color: white;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img{width: 100%; height: 350px; display: flex; justify-content: center; align-items: center;}.key-features-container .key-features .key-feature .key-feature-img-container .key-feature-img img{width: 100%; height: 100%; max-width: 60%; display: block; -o-object-fit: contain; object-fit: contain;}.key-features-container .key-features .key-feature .key-feature-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.key-features-container .key-features .key-feature .key-feature-description p{font-size: 34px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}.key-features-container .key-features .key-feature .key-feature-description p:nth-child(1){color: #137DC5;}.contractors-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 120px 400px; margin-bottom: 60px;}.contractors-item-container .contractors-item-image{width: 40%; height: auto;}.contractors-item-container .contractors-item-image img{width: 100%; height: 750px; -o-object-fit: contain; object-fit: contain;}.contractors-item-container .contractors-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px;}.contractors-item-container .contractors-item-content .title{width: 100%; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 40px !important;}.contractors-item-container .contractors-item-content h3{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}#wrapwrap main #wrap .contractors-call-to-action .contractors-call-to-action-img img.img-en{display: flex;}#wrapwrap main #wrap .contractors-call-to-action .contractors-call-to-action-img img.img-ar{display: none;}#wrapwrap.o_rtl main #wrap .contractors-call-to-action .contractors-call-to-action-img img.img-en{display: none;}#wrapwrap.o_rtl main #wrap .contractors-call-to-action .contractors-call-to-action-img img.img-ar{display: flex;} /* /odex_website/static/src/css/disc_banner_and_breadcrumb.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.banner-message-container{width: 100%; height: auto; padding: 80px 2px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 11px; font-weight: bold; color: white; text-align: center; padding: 0px 20px;}.banner-message-container .message-content i{width: 22px; height: 22px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 145px 20px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.banner-message-container{width: 100%; height: auto; padding: 100px 20px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 11px; font-weight: bold; color: white; text-align: center; padding: 0px 30px;}.banner-message-container .message-content i{width: 22px; height: 22px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 165px 20px 30px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.banner-message-container{width: 100%; height: auto; padding: 80px 20px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 11px; font-weight: bold; color: white; text-align: center; padding: 0px 30px;}.banner-message-container .message-content i{width: 22px; height: 22px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 145px 20px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.banner-message-container{width: 100%; height: auto; padding: 80px 15px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 11px; font-weight: bold; color: white; text-align: center; padding: 0px 25px;}.banner-message-container .message-content i{width: 22px; height: 22px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 145px 20px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 421px) and (max-width: 767px){.banner-message-container{width: 100%; height: auto; padding: 100px 30px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 12px; font-weight: bold; color: white; text-align: center; padding: 0px 30px;}.banner-message-container .message-content i{width: 24px; height: 24px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 170px 40px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 14px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 768px) and (max-width: 1024px){.banner-message-container{width: 100%; height: auto; padding: 100px 40px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 12px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 24px; height: 24px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 155px 40px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 14px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 160px 40px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 160px 40px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 0px; padding: 160px 40px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 12px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.banner-message-container{width: 100%; height: auto; padding: 110px 50px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 13px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 24px; height: 24px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 170px 50px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 13px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 13px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.banner-message-container{width: 100%; height: auto; padding: 100px 80px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 11px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 22px; height: 22px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 150px 80px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 15px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.banner-message-container{width: 100%; height: auto; padding: 100px 100px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 11px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 22px; height: 22px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 155px 110px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 11px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 14px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 11px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.banner-message-container{width: 100%; height: auto; padding: 100px 135px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 12px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 22px; height: 22px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 155px 135px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 12px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 12px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.banner-message-container{width: 100%; height: auto; padding: 110px 180px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 14px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 24px; height: 24px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 170px 180px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 14px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 16px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 14px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.banner-message-container{width: 100%; height: auto; padding: 138px 200px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 15px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 25px; height: 25px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 200px 200px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 15px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 15px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.banner-message-container{width: 100%; height: auto; padding: 144px 250px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; position: relative; padding: 10px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 16px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 26px; height: 26px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 0px; padding: 240px 250px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 16px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 1px; height: 18px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 16px; font-weight: 300; color: #137DC5;}}@media screen and (min-width: 3840px){.banner-message-container{width: 100%; height: auto; padding: 220px 400px 0px; background-color: #137DC5; position: absolute; top: 0; right: 0; z-index: 2;}.banner-message-container .message-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 20px 0px; overflow: hidden; white-space: nowrap;}.banner-message-container .message-content p{font-size: 26px; font-weight: bold; color: white; text-align: center;}.banner-message-container .message-content i{width: 40px; height: 40px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%) !important; cursor: pointer; z-index: 1;}.cta .cta-breadcrumbs{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-bottom: 0px; padding: 330px 400px 0px; background-color: transparent; position: absolute; top: 0; right: 0;}.cta .cta-breadcrumbs a{text-decoration: none; font-size: 26px; font-weight: 300; color: #AAABAB;}.cta .cta-breadcrumbs span{width: 2px; height: 30px; background-color: #045992;}.cta .cta-breadcrumbs p{font-size: 26px; font-weight: 300; color: #137DC5;}} /* /odex_website/static/src/css/cookies.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full{height: 100% !important; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 12px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; flex-wrap: wrap; gap: 10px; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 12px; font-weight: 500; color: white; text-align: center;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; gap: 25px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 12px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 12px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white; margin: 0px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full{height: 100% !important; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 14px 20px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; flex-wrap: wrap; gap: 15px; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 14px; font-weight: 500; color: white; text-align: center;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; gap: 25px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white; margin: 0px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full{height: 100% !important; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 14px 20px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; flex-wrap: wrap; gap: 15px; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 14px; font-weight: 500; color: white; text-align: center;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; gap: 25px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white; margin: 0px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full{height: 100% !important; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 14px 15px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; flex-wrap: wrap; gap: 10px; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 13px; font-weight: 500; color: white; text-align: center;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; gap: 25px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 13px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 13px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white; margin: 0px !important;}}@media screen and (min-width: 421px) and (max-width: 767px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full{height: 100% !important; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 16px 20px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; flex-wrap: wrap; gap: 20px; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 14px; font-weight: 500; color: white; text-align: center;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; flex: initial !important; max-width: initial !important; gap: 30px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white; margin: 0px !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 16px 40px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 15px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 30px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 15px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5; margin: 0px !important;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 15px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white; margin: 0px !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 16px 50px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 16px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 40px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white;}}@media screen and (min-width: 1025px) and (max-width: 1200px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 15px 80px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 13px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 30px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 13px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 13px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white;}}@media screen and (min-width: 1201px) and (max-width: 1365px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 16px 110px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 14px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 30px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white;}}@media screen and (min-width: 1366px) and (max-width: 1599px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 16px 135px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 14px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 50px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 14px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white;}}@media screen and (min-width: 1600px) and (max-width: 1919px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 20px 180px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 15px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 50px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 15px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 15px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white;}}@media screen and (min-width: 1920px) and (max-width: 2559px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 20px 200px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 16px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 50px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white;}}@media screen and (min-width: 2560px) and (max-width: 3839px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 20px 250px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 16px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 50px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: white; color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 10px 20px; background-color: #137DC5; border: 2px solid white; color: white;}}@media screen and (min-width: 3840px){#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content{width: 100%; height: auto;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level{width: 100%; height: auto; background-color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container{width: 100%; height: auto; max-width: initial !important; padding: 40px 400px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row{width: 100%; height: auto; display: flex; margin: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg{width: 60%; height: auto; display: flex; justify-content: flex-start; align-items: center; flex: initial !important; max-width: initial !important; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-msg p{font-size: 26px; font-weight: 500; color: white;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions{width: 40%; height: auto; display: flex; justify-content: flex-end; align-items: center; flex: initial !important; max-width: initial !important; gap: 50px; padding: 0px;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .js_close_popup{width: auto; height: auto; font-size: 26px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 15px 25px; background-color: white; color: #137DC5;}#website_cookies_bar .o_cookies_discrete .s_popup_size_full .modal-content .o_colored_level .custom-cookies-container .custom-cookies-row .custom-cookies-actions .o_cookies_bar_text_policy{width: auto; height: auto; font-size: 26px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 15px 25px; background-color: #137DC5; border: 4px solid white; color: white;}} /* /odex_website/static/src/css/about.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 17px; font-weight: 700; color: #045992; text-transform: initial; text-align: start; padding: 20px 0px; padding-inline-start: 10px;}.about-intro p .phar{font-size: 17px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px;}.about-intro .about-cta{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 120px; gap: 20px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 70px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 35px; padding: 30px 30px 80px;}.about-intro .about-cta .about-intro-content img{width: 70px;}.about-intro .about-cta .about-intro-content p{font-size: 12px; font-weight: 300; color: white; text-transform: initial; text-align: justify; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 100%; height: auto; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{position: absolute; left: 0; top: 50%; transform: scale(0.45) translateY(-60%) !important; transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 100px; padding-inline-start: 15px; gap: 80px;}.section-item .section-item-content{width: calc(100% - 15px); height: auto; order: 1;}.section-item .section-item-content .section-title{font-size: 17px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.section-item .section-item-img img{width: 200px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 220px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 220px; z-index: -1;}.about-padding-start{padding-inline-start: 15px;}.about-padding-end{padding-inline-end: 15px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 70px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: initial; position: absolute; left: 0; top: 50%; transform: scale(0.45) translateY(-60%) !important; transform-origin: left top;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 20px; font-weight: 700; color: #045992; text-transform: initial; text-align: start; padding: 20px 0px; padding-inline-start: 20px;}.about-intro p .phar{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px;}.about-intro .about-cta{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 150px; gap: 20px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 80px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 30px 30px 100px;}.about-intro .about-cta .about-intro-content img{width: 90px;}.about-intro .about-cta .about-intro-content p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; text-align: justify; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 100%; height: auto; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{position: absolute; left: 0; top: 50%; transform: scale(0.6) translateY(-55%) !important; transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 100px; padding-inline-start: 20px; gap: 80px;}.section-item .section-item-content{width: calc(100% - 20px); height: auto; order: 1;}.section-item .section-item-content .section-title{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.section-item .section-item-img img{width: 280px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 260px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 260px; z-index: -1;}.about-padding-start{padding-inline-start: 20px;}.about-padding-end{padding-inline-end: 20px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 80px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: initial; position: absolute; left: 0; top: 50%; transform: scale(0.6) translateY(-55%) !important; transform-origin: left top;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 18px; font-weight: 700; color: #045992; text-transform: initial; text-align: start; padding: 20px 0px; padding-inline-start: 20px;}.about-intro p .phar{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px;}.about-intro .about-cta{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 140px; gap: 20px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 75px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 30px 30px 90px;}.about-intro .about-cta .about-intro-content img{width: 85px;}.about-intro .about-cta .about-intro-content p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; text-align: justify; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 100%; height: auto; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{position: absolute; left: 0; top: 50%; transform: scale(0.6) translateY(-55%) !important; transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 90px; padding-inline-start: 20px; gap: 80px;}.section-item .section-item-content{width: calc(100% - 20px); height: auto; order: 1;}.section-item .section-item-content .section-title{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.section-item .section-item-img img{width: 260px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 260px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 260px; z-index: -1;}.about-padding-start{padding-inline-start: 20px;}.about-padding-end{padding-inline-end: 20px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 75px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: initial; position: absolute; left: 0; top: 50%; transform: scale(0.6) translateY(-55%) !important; transform-origin: left top;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 17px; font-weight: 700; color: #045992; text-transform: initial; text-align: start; padding: 20px 0px; padding-inline-start: 15px;}.about-intro p .phar{font-size: 17px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px;}.about-intro .about-cta{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 120px; gap: 20px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 75px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 30px 30px 90px;}.about-intro .about-cta .about-intro-content img{width: 75px;}.about-intro .about-cta .about-intro-content p{font-size: 12px; font-weight: 300; color: white; text-transform: initial; text-align: justify; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 100%; height: auto; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{position: absolute; left: 0; top: 50%; transform: scale(0.5) translateY(-60%) !important; transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 80px; padding-inline-start: 15px; gap: 80px;}.section-item .section-item-content{width: calc(100% - 15px); height: auto; order: 1;}.section-item .section-item-content .section-title{font-size: 17px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 12px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.section-item .section-item-img img{width: 220px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 220px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 220px; z-index: -1;}.about-padding-start{padding-inline-start: 15px;}.about-padding-end{padding-inline-end: 15px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 75px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: initial; position: absolute; left: 0; top: 50%; transform: scale(0.5) translateY(-60%) !important; transform-origin: left top;}}@media screen and (min-width: 421px) and (max-width: 767px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; text-align: start; padding: 20px 0px; padding-inline-start: 20px;}.about-intro p .phar{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 8px;}.about-intro .about-cta{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 160px; gap: 20px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 80px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 30px 30px 100px;}.about-intro .about-cta .about-intro-content img{width: 90px;}.about-intro .about-cta .about-intro-content p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; text-align: justify; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 100%; height: auto; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{position: absolute; left: 0; top: 50%; transform: scale(0.7) translateY(-55%) !important; transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 100px; padding-inline-start: 20px; gap: 80px;}.section-item .section-item-content{width: calc(100% - 20px); height: auto; order: 1;}.section-item .section-item-content .section-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.section-item .section-item-img img{width: 300px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 300px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 300px; z-index: -1;}.about-padding-start{padding-inline-start: 20px;}.about-padding-end{padding-inline-end: 20px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 80px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: initial; position: absolute; left: 0; top: 50%; transform: scale(0.7) translateY(-55%) !important; transform-origin: left top;}}@media screen and (min-width: 768px) and (max-width: 1024px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 20px 0px;}.about-intro p .phar{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 250px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 110px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; padding: 50px 50px 200px;}.about-intro .about-cta .about-intro-content img{width: 120px;}.about-intro .about-cta .about-intro-content p{font-size: 16px; font-weight: 300; color: white; text-transform: initial; text-align: justify; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 100%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{position: absolute; left: 0; top: 50%; transform: scale(1.2) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 100px; padding-inline-start: 40px; gap: 80px;}.section-item .section-item-content{width: calc(100% - 40px); height: auto; order: 1;}.section-item .section-item-content .section-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.section-item .section-item-img img{width: 400px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 400px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 400px; z-index: -1;}.about-padding-start{padding-inline-start: 40px;}.about-padding-end{padding-inline-end: 40px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 110px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: initial; position: absolute; left: 0; top: 50%; transform: scale(1.2) translateY(-50%); transform-origin: left top;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 24px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 20px 0px;}.about-intro p .phar{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 250px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 110px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; padding: 50px 50px 240px;}.about-intro .about-cta .about-intro-content img{width: 120px;}.about-intro .about-cta .about-intro-content p{font-size: 16px; font-weight: 300; color: white; text-transform: initial; text-align: justify; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 100%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{position: absolute; left: 0; top: 50%; transform: scale(1.6) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom: 100px; padding-inline-start: 40px; gap: 80px;}.section-item .section-item-content{width: calc(100% - 40px); height: auto; order: 1;}.section-item .section-item-content .section-title{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; order: 2;}.section-item .section-item-img img{width: 400px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 400px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 400px; z-index: -1;}.about-padding-start{padding-inline-start: 40px;}.about-padding-end{padding-inline-end: 40px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 110px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: initial; position: absolute; left: 0; top: 50%; transform: scale(1.6) translateY(-50%); transform-origin: left top;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 20px 0px;}.about-intro p .phar{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 300px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 135px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 70px; padding: 50px 50px 230px;}.about-intro .about-cta .about-intro-content img{width: 120px;}.about-intro .about-cta .about-intro-content p{font-size: 16px; font-weight: 300; color: white; text-transform: initial; text-align: justify; padding-inline-start: 0px; padding-inline-end: 0px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 100%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{position: absolute; left: 0; top: 50%; transform: scale(1.55) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; margin-bottom: 100px;}.section-item .section-item-content{width: calc(50% - 50px); height: auto; order: initial;}.section-item .section-item-content .section-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 50%; height: auto; display: flex; justify-content: center; align-items: center; order: initial;}.section-item .section-item-img img{width: 350px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 400px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 400px; z-index: -1;}.about-padding-start{padding-inline-start: 50px;}.about-padding-end{padding-inline-end: 50px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 135px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: initial; position: absolute; left: 0; top: 50%; transform: scale(1.55) translateY(-50%); transform-origin: left top;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 30px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 20px 0px;}.about-intro p .phar{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: 420px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 250px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 130px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 60%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 20px;}.about-intro .about-cta .about-intro-content img{width: 110px;}.about-intro .about-cta .about-intro-content p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; text-align: center; padding-inline-start: 85px; padding-inline-end: 80px; padding-top: 0; padding-bottom: 0;}.about-intro .about-cta .about-cta-img{width: 40%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{position: absolute; left: 0; top: calc(50% + 62px); transform: scale(0.8) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 100px;}.section-item .section-item-content{width: calc(50% - 80px); height: auto;}.section-item .section-item-content .section-title{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.section-item .section-item-img img{width: 350px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 400px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 400px; z-index: -1;}.about-padding-start{padding-inline-start: 80px;}.about-padding-end{padding-inline-end: 80px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 130px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: initial; position: absolute; left: 0; top: calc(50% + 62px); transform: scale(0.8) translateY(-50%); transform-origin: left top;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 34px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 20px 0px;}.about-intro p .phar{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: 420px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 250px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 145px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 60%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 20px;}.about-intro .about-cta .about-intro-content img{width: 110px;}.about-intro .about-cta .about-intro-content p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; text-align: center; padding-inline-start: 110px; padding-inline-end: 80px;}.about-intro .about-cta .about-cta-img{width: 40%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{position: absolute; left: 0; top: calc(50% + 52px); transform: scale(0.85) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 100px;}.section-item .section-item-content{width: calc(50% - 110px); height: auto;}.section-item .section-item-content .section-title{font-size: 34px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 25px;}.section-item .section-item-content .section-description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-item .section-item-content .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.section-item .section-item-img img{width: 380px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 400px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 400px; z-index: -1;}.about-padding-start{padding-inline-start: 110px;}.about-padding-end{padding-inline-end: 110px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 145px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: initial; position: absolute; left: 0; top: calc(50% + 52px); transform: scale(0.85) translateY(-50%); transform-origin: left top;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 38px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 20px 0px;}.about-intro p .phar{font-size: 38px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: 450px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 270px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 160px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 60%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 30px;}.about-intro .about-cta .about-intro-content img{width: 120px;}.about-intro .about-cta .about-intro-content p{font-size: 14px; font-weight: 300; color: white; text-transform: initial; text-align: center; padding-inline-start: 110px; padding-inline-end: 80px;}.about-intro .about-cta .about-cta-img{width: 40%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{position: absolute; left: 0; top: calc(50% + 48px); transform: scale(0.95) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 100px;}.section-item .section-item-content{width: calc(50% - 135px); height: auto;}.section-item .section-item-content .section-title{font-size: 38px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 30px;}.section-item .section-item-content .section-description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 25px;}.section-item .section-item-content .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.section-item .section-item-img img{width: 400px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 480px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 480px; z-index: -1;}.about-padding-start{padding-inline-start: 135px;}.about-padding-end{padding-inline-end: 135px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 160px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: initial; position: absolute; left: 0; top: calc(50% + 48px); transform: scale(0.95) translateY(-50%); transform-origin: left top;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 38px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 25px 0px;}.about-intro p .phar{font-size: 38px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: 450px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 350px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 180px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 60%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 30px;}.about-intro .about-cta .about-intro-content img{width: 140px;}.about-intro .about-cta .about-intro-content p{font-size: 16px; font-weight: 300; color: white; text-transform: initial; text-align: center; padding-inline-start: 110px; padding-inline-end: 80px;}.about-intro .about-cta .about-cta-img{width: 40%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{position: absolute; left: 0; top: calc(50% + 48px); transform: scale(1) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 100px;}.section-item .section-item-content{width: calc(50% - 180px); height: auto;}.section-item .section-item-content .section-title{font-size: 38px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 40px;}.section-item .section-item-content .section-description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 25px;}.section-item .section-item-content .solution-element p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.section-item .section-item-img img{width: 530px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 480px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 480px; z-index: -1;}.about-padding-start{padding-inline-start: 180px;}.about-padding-end{padding-inline-end: 180px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 180px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: initial; position: absolute; left: 0; top: calc(50% + 48px); transform: scale(1) translateY(-50%); transform-origin: left top;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 40px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 30px 0px;}.about-intro p .phar{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: 500px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 350px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 200px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 60%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px;}.about-intro .about-cta .about-intro-content img{width: 160px;}.about-intro .about-cta .about-intro-content p{font-size: 18px; font-weight: 300; color: white; text-transform: initial; text-align: center; padding-inline-start: 145px; padding-inline-end: 100px;}.about-intro .about-cta .about-cta-img{width: 40%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{position: absolute; left: 0; top: calc(50% + 35px); transform: scale(1.2) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 120px;}.section-item .section-item-content{width: calc(50% - 200px); height: auto;}.section-item .section-item-content .section-title{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 40px;}.section-item .section-item-content .section-description{font-size: 18px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 25px;}.section-item .section-item-content .solution-element p{font-size: 18px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 20px; height: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.section-item .section-item-img img{width: 580px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 530px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 530px; z-index: -1;}.about-padding-start{padding-inline-start: 200px;}.about-padding-end{padding-inline-end: 200px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 200px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: initial; position: absolute; left: 0; top: calc(50% + 35px); transform: scale(1.2) translateY(-50%); transform-origin: left top;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 46px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 30px 0px;}.about-intro p .phar{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: 650px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 400px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 240px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 60%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 60px;}.about-intro .about-cta .about-intro-content img{width: 200px;}.about-intro .about-cta .about-intro-content p{font-size: 22px; font-weight: 300; color: white; text-transform: initial; text-align: center; padding-inline-start: 145px; padding-inline-end: 100px;}.about-intro .about-cta .about-cta-img{width: 40%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{position: absolute; left: 0; top: calc(50% + 60px); transform: scale(1.5) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 150px;}.section-item .section-item-content{width: calc(50% - 250px); height: auto;}.section-item .section-item-content .section-title{font-size: 46px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 50px;}.section-item .section-item-content .section-description{font-size: 22px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.section-item .section-item-content .solution-element p{font-size: 22px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 25px; height: 25px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.section-item .section-item-img img{width: 700px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 650px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 650px; z-index: -1;}.about-padding-start{padding-inline-start: 250px;}.about-padding-end{padding-inline-end: 250px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 240px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: initial; position: absolute; left: 0; top: calc(50% + 60px); transform: scale(1.5) translateY(-50%); transform-origin: left top;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}}@media screen and (min-width: 3840px){.about-intro{width: 100%; height: auto;}.about-intro p{font-size: 60px; font-weight: 700; color: #045992; text-transform: initial; text-align: center; padding: 30px 0px;}.about-intro p .phar{font-size: 60px; font-weight: 700; color: #137DC5; text-transform: initial; margin-inline-end: 10px;}.about-intro .about-cta{width: 100%; height: 1000px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/about-cta-mobile-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; margin-bottom: 600px; position: relative;}.about-intro .about-cta .about-cta-overlay{position: absolute; right: 0; top: 0; width: 350px;}.about-intro .about-cta .about-cta-overlay-ar{display: none;}.about-intro .about-cta .about-intro-content{width: 60%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 60px;}.about-intro .about-cta .about-intro-content img{width: 300px;}.about-intro .about-cta .about-intro-content p{font-size: 34px; font-weight: 300; color: white; text-transform: initial; text-align: center; padding-inline-start: 200px; padding-inline-end: 150px;}.about-intro .about-cta .about-cta-img{width: 40%; height: 100%; position: relative;}.about-intro .about-cta .about-cta-img .about-cta-lg{position: absolute; left: 0; top: calc(50% + 110px); transform: scale(2.2) translateY(-50%); transform-origin: left top;}.about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}.about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}.section-item{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 150px;}.section-item .section-item-content{width: calc(50% - 400px); height: auto;}.section-item .section-item-content .section-title{font-size: 60px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: start; margin-bottom: 50px;}.section-item .section-item-content .section-description{font-size: 34px; font-weight: 300; color: #606060; text-transform: initial; text-align: start;}.section-item .section-item-content .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.section-item .section-item-content .solution-element p{font-size: 34px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-item .section-item-content .solution-element img{width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-item .section-item-img{width: 50%; height: auto; display: flex; justify-content: center; align-items: center;}.section-item .section-item-img img{width: 1000px;}.section-item .about-right-bg{position: absolute; left: 0; bottom: 0; width: 950px; z-index: -1;}.section-item .about-left-bg{position: absolute; right: 0; bottom: 0; width: 950px; z-index: -1;}.about-padding-start{padding-inline-start: 400px;}.about-padding-end{padding-inline-end: 400px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-overlay-ar{display: block; position: absolute; right: 0; top: 0; width: 350px;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-lg-ar{display: initial; position: absolute; left: 0; top: calc(50% + 110px); transform: scale(2.2) translateY(-50%); transform-origin: left top;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm{display: none;}#wrapwrap.o_rtl main #wrap .about-intro .about-cta .about-cta-img .about-cta-sm-ar{display: none;}} /* /odex_website/static/src/css/global_templates.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.new-adv-banner-container{width: 100%; height: auto; padding: 30px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 270px; height: 170px; display: flex; justify-content: space-between; align-items: center; border-radius: 35px; gap: 10px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .banner-bg{display: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; padding-inline-end: 10px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 65px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 110px; height: 32px; font-size: 10px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-inline-start: 10px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 90px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 10px; font-weight: 400; color: white; text-transform: initial; text-align: center;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 30px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 270px; height: 180px; border-radius: 35px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 270px; height: 180px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 35px; gap: 15px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 12px 0px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-inline-start: 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 110px; height: 32px; font-size: 10px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{width: 90px; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm-ar.png) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.new-adv-banner-container{width: 100%; height: auto; padding: 30px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 340px; height: 190px; display: flex; justify-content: space-between; align-items: center; border-radius: 35px; gap: 15px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .banner-bg{display: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; padding-inline-end: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 75px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 130px; height: 32px; font-size: 10px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-inline-start: 15px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 100px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 12px; font-weight: 400; color: white; text-transform: initial; text-align: center;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 30px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 340px; height: 200px; border-radius: 35px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 58%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 340px; height: 200px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 35px; gap: 15px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 15px 0px 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-inline-start: 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 130px; height: 32px; font-size: 10px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{width: 100px; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm-ar.png) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.new-adv-banner-container{width: 100%; height: auto; padding: 30px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 340px; height: 190px; display: flex; justify-content: space-between; align-items: center; border-radius: 35px; gap: 15px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .banner-bg{display: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; padding-inline-end: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 70px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 130px; height: 32px; font-size: 10px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-inline-start: 15px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 100px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 12px; font-weight: 400; color: white; text-transform: initial; text-align: center;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 30px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 340px; height: 200px; border-radius: 35px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 58%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 340px; height: 200px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 35px; gap: 15px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 15px 0px 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-inline-start: 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 130px; height: 32px; font-size: 10px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{width: 100px; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm-ar.png) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.new-adv-banner-container{width: 100%; height: auto; padding: 30px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 310px; height: 170px; display: flex; justify-content: space-between; align-items: center; border-radius: 35px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .banner-bg{display: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; padding-inline-end: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 65px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 130px; height: 32px; font-size: 10px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-inline-start: 15px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 100px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 10px; font-weight: 400; color: white; text-transform: initial; text-align: center;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 30px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 310px; height: 190px; border-radius: 35px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 310px; height: 190px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 35px; gap: 15px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 14px 0px 10px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding-inline-start: 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 130px; height: 32px; font-size: 10px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{width: 100px; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm-ar.png) !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.new-adv-banner-container{width: 100%; height: auto; padding: 40px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 380px; height: 190px; display: flex; justify-content: space-between; align-items: center; border-radius: 35px; gap: 15px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .banner-bg{display: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; padding-inline-end: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 80px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 10px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 145px; height: 32px; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-inline-start: 15px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 120px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 12px; font-weight: 400; color: white; text-transform: initial; text-align: center;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 40px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 380px; height: 230px; border-radius: 35px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 58%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 380px; height: 230px; display: flex; justify-content: space-between; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 35px; gap: 15px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 25px 0px 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 145px; height: 32px; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{display: none;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{width: 110px; -o-object-fit: cover; object-fit: cover;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-sm-ar.png) !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){.new-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 700px; height: 160px; display: flex; justify-content: space-between; align-items: center; border-radius: 35px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 15px; padding-inline-end: 35px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 100px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 15px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 185px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 35px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 100px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 700px; height: 240px; border-radius: 35px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 700px; height: 240px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 35px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 16px 0px 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 185px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 100px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.new-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 750px; height: 160px; display: flex; justify-content: space-between; align-items: center; border-radius: 35px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 15px; padding-inline-end: 35px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 100px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 15px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 185px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 35px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 100px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 750px; height: 240px; border-radius: 35px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 750px; height: 240px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 35px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 16px 0px 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 185px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 100px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: center; padding: 0px 30px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.new-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 810px; height: 165px; display: flex; justify-content: space-between; align-items: center; border-radius: 40px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; padding-inline-end: 40px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 105px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 20px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 195px; height: 38px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 40px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 130px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 16px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 810px; height: 260px; border-radius: 40px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 810px; height: 260px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 22px 0px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 195px; height: 38px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 130px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 16px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.new-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 850px; height: 160px; display: flex; justify-content: space-between; align-items: center; border-radius: 40px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; padding-inline-end: 35px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 105px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 20px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 185px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 35px; gap: 20px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 130px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 850px; height: 260px; border-radius: 40px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 850px; height: 260px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 22px 0px 35px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 185px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 130px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: start;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.new-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 850px; height: 165px; display: flex; justify-content: space-between; align-items: center; border-radius: 40px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; padding-inline-end: 40px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 105px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 20px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 185px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 40px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 130px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 50px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 850px; height: 240px; border-radius: 40px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 850px; height: 240px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 17px 0px 30px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 185px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 130px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: start;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.new-adv-banner-container{width: 100%; height: auto; padding: 60px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 920px; height: 170px; display: flex; justify-content: space-between; align-items: center; border-radius: 40px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; padding-inline-end: 50px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 115px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 20px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 195px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 50px; gap: 15px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 130px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 14px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 60px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 920px; height: 250px; border-radius: 40px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 920px; height: 250px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 20px 0px 32px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 195px; height: 38px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 130px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 14px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: start;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.new-adv-banner-container{width: 100%; height: auto; padding: 70px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 1050px; height: 175px; display: flex; justify-content: space-between; align-items: center; border-radius: 40px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; padding-inline-end: 60px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 110px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 20px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 200px; height: 38px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 60px; gap: 20px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 150px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 16px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 70px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 1050px; height: 280px; border-radius: 40px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 1050px; height: 280px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 25px 0px 35px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 230px; height: 40px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 150px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 16px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: start;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.new-adv-banner-container{width: 100%; height: auto; padding: 90px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 1100px; height: 190px; display: flex; justify-content: space-between; align-items: center; border-radius: 40px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; padding-inline-end: 60px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 125px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 20px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 220px; height: 40px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 60px; gap: 20px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 150px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 18px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 90px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 1100px; height: 305px; border-radius: 40px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 1100px; height: 305px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 40px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 30px 0px 40px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 230px; height: 40px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 150px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 18px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: start;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.new-adv-banner-container{width: 100%; height: auto; padding: 100px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 1590px; height: 250px; display: flex; justify-content: space-between; align-items: center; border-radius: 60px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 30px; padding-inline-end: 80px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 165px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 30px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 280px; height: 55px; font-size: 18px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 80px; gap: 30px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 200px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 22px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 100px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 1590px; height: 430px; border-radius: 60px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 1590px; height: 430px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 60px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 40px 0px 60px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 300px; height: 55px; font-size: 18px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 0px 30px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 190px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 22px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: start;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}}@media screen and (min-width: 3840px){.new-adv-banner-container{width: 100%; height: auto; padding: 160px 0px; background-color: #FBFBFB; display: flex; justify-content: center;}.new-adv-banner-container .new-adv-banner-content{width: 2200px; height: 350px; display: flex; justify-content: space-between; align-items: center; border-radius: 80px; position: relative; overflow: hidden;}.new-adv-banner-container .new-adv-banner-content .banner-bg-sm{display: none;}.new-adv-banner-container .new-adv-banner-content .banner-bg{position: absolute; top: 0; right: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container{width: auto; height: 100%; display: flex; align-items: center; justify-content: center; gap: 50px; padding-inline-end: 120px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-img img{width: 240px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links{width: auto; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; gap: 50px;}.new-adv-banner-container .new-adv-banner-content .adv-banner-links-container .adv-banner-links a{text-decoration: none; width: 400px; height: 75px; font-size: 30px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 50px 50px 0px 50px; border: none;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo{width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline-start: 120px; gap: 50px; z-index: 1;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo img{width: 250px; -o-object-fit: cover; object-fit: cover;}.new-adv-banner-container .new-adv-banner-content .adv-banner-logo p{font-size: 34px; font-weight: 400; color: white; text-transform: initial; text-align: start;}.shatter-adv-banner-container{width: 100%; height: auto; padding: 160px 0px; background-color: #FBFBFB; display: flex; justify-content: center; position: relative; isolation: isolate;}.shatter-adv-banner-container .shatter-bg-container{position: absolute; width: 2200px; height: 600px; border-radius: 80px; z-index: 0; pointer-events: none; overflow: hidden; display: flex; justify-content: flex-end;}.shatter-adv-banner-container .shatter-bg-container img{width: 55%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block;}.shatter-adv-banner-container .shatter-adv-banner-content{width: 2200px; height: 600px; display: flex; justify-content: flex-start; align-items: center; background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 80px; position: relative; overflow: hidden; z-index: 1;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container{width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-content: center; padding: 60px 0px 75px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a{text-decoration: none; width: 400px; height: 80px; font-size: 30px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 50px 50px 0px 50px; border: none; outline: 1px solid #137DC5;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-links a:nth-child(1){background-color: #137DC5; color: white;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo{width: auto; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-links .shatter-logo img{width: 250px; -o-object-fit: cover; object-fit: cover;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description{width: 100%; height: auto; display: flex; justify-content: center; align-items: center;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description p{font-size: 34px; font-weight: 400; color: #137DC5; text-transform: initial; text-align: start;}.shatter-adv-banner-container .shatter-adv-banner-content .shatter-adv-banner-links-container .shatter-adv-banner-description img{display: none;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-bg-container img, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-bg-container img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_contactus .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #blogs_wrap .shatter-adv-banner-container .shatter-adv-banner-content, #wrapwrap.o_rtl main #wrap_solution .shatter-adv-banner-container .shatter-adv-banner-content{background-image: url(/odex_website/static/src/css/../../img/shatter-banner-object-ar.png) !important;}} /* /odex_website/static/src/css/solution_global.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){#wrap_solution .solution-cta{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}#wrap_solution .solution-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 20px 15px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}#wrap_solution .solution-cta .solution-cta-img img{width: 100px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 40px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 125px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; margin-bottom: 10px; gap: 20px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 95%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 150px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 40px 20px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){#wrap_solution .solution-cta{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}#wrap_solution .solution-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 17px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}#wrap_solution .solution-cta .solution-cta-img img{width: 170px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 20px; gap: 15px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 20px; gap: 30px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 90%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 20px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){#wrap_solution .solution-cta{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}#wrap_solution .solution-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}#wrap_solution .solution-cta .solution-cta-img img{width: 160px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 20px; gap: 15px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 20px; gap: 30px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 90%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 40px 20px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){#wrap_solution .solution-cta{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}#wrap_solution .solution-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}#wrap_solution .solution-cta .solution-cta-img img{width: 130px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 55px 20px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 120px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 22px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px; gap: 15px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 110px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; margin-bottom: 10px; gap: 25px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 90%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 40px 20px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}}@media screen and (min-width: 421px) and (max-width: 767px){#wrap_solution .solution-cta{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}#wrap_solution .solution-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 50px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}#wrap_solution .solution-cta .solution-cta-img img{width: 220px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 40px; flex-wrap: wrap;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 20px; gap: 15px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px; margin-bottom: 30px; gap: 30px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 90%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 230px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal; text-align: start;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 40px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: 100%; height: auto; background-color: white; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 120px; height: auto;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 0px; text-align: justify;}}@media screen and (min-width: 768px) and (max-width: 1024px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 52%; height: auto; padding-inline-start: 40px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 350px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 30%; max-width: 30%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 40px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 0px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 40px; margin-bottom: 40px; gap: 50px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 65%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 40px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 35px 0px; margin-bottom: 30px; gap: 10px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 30px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 30px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 40px; text-align: justify;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 60px 40px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 15px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 40px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 50%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 15px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){#wrap_solution .solution-cta{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}#wrap_solution .solution-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 80px 25px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}#wrap_solution .solution-cta .solution-cta-img img{width: 130px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 55px 40px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 50px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 80%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 22px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px; gap: 15px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 90px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 30%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: auto; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (max-width: 699px) and (max-device-height: 550px){#wrap_solution .solution-cta{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}#wrap_solution .solution-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 80px 25px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 16px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}#wrap_solution .solution-cta .solution-cta-img img{width: 130px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 55px 40px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 40px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 0px; flex-wrap: wrap;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 80%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 22px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px; gap: 15px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 90px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; margin-bottom: 20px; gap: 30px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 30%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: auto; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content h1{font-size: 24px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 15px; font-family: "Madani Arabic", sans-serif !important;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (max-width: 699px) and (max-device-height: 319px){#wrap_solution .solution-cta{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}#wrap_solution .solution-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 100px 15px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 14px; font-weight: 700; color: #001B2D; text-transform: initial; text-align: center; padding: 0px 0px;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 12px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}#wrap_solution .solution-cta .solution-cta-img img{width: 100px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 55px 40px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 40px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: baseline; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{width: 150px; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 80%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 15px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 90px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 13px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 80px; margin-bottom: 10px; gap: 25px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 30%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: auto; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content h1{font-size: 22px; font-weight: 600; color: #137DC5; text-transform: initial; margin-bottom: 10px; font-family: "Madani Arabic", sans-serif !important;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 13px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 52%; height: auto; padding-inline-start: 50px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 480px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 65px 50px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 120px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 50px; margin-bottom: 30px; gap: 40px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 50%; height: auto; order: 2;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 10px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 60px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 90px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}}@media screen and (min-width: 1025px) and (max-width: 1200px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 52%; height: auto; padding-inline-start: 80px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 18px; font-weight: 700; color: #001B2D; text-transform: initial;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 420px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 60px 80px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 60px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 25px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 15px; gap: 0px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 100px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 80px; margin-bottom: 25px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 40%; height: auto;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 260px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 80px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 35px 0px; margin-bottom: 35px; gap: 10px; border-radius: 16px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 60px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 90px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 40px; text-align: justify;}}@media screen and (min-width: 1201px) and (max-width: 1365px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 52%; height: auto; padding-inline-start: 110px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 490px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 65px 110px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 70px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 20px; gap: 0px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 110px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 100px; margin-bottom: 25px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 40%; height: auto;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 290px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 100px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 35px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 70px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 110px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}}@media screen and (min-width: 1366px) and (max-width: 1599px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 52%; height: auto; padding-inline-start: 135px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 20px; font-weight: 700; color: #001B2D; text-transform: initial;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 500px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 65px 135px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 75px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 15px 20px; gap: 0px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 14px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 60px 135px; margin-bottom: 25px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 40%; height: auto;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 135px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 30px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 40px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 70px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 110px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(30px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 14px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}}@media screen and (min-width: 1366px) and (max-device-height: 620px){#wrap_solution .solution-cta{height: 135vh !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 50%; height: auto; padding-inline-start: 180px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 22px; font-weight: 700; color: #001B2D; text-transform: initial;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 640px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 70px 180px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 90px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 10px); max-width: calc(15% - 10px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 30px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 130px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 16px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 180px; margin-bottom: 25px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 40%; height: auto;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 330px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 180px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 40px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 40px 0px; margin-bottom: 50px; gap: 20px; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 80px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 120px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(40px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 16px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}}@media screen and (min-width: 1920px) and (max-width: 2559px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 50%; height: auto; padding-inline-start: 200px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 24px; font-weight: 700; color: #001B2D; text-transform: initial;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 20px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 10px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 720px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 100px 200px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 100px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 10px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 20px); max-width: calc(15% - 20px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 35px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 25px; gap: 10px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 160px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 18px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 200px; margin-bottom: 30px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 40%; height: auto;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 380px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 200px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 50px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 50px 0px; margin-bottom: 50px; gap: 20px; border-radius: 24px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 100px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 150px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(50px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 18px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 50px; text-align: justify;}}@media screen and (min-width: 2560px) and (max-width: 3839px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 50%; height: auto; padding-inline-start: 250px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 28px; font-weight: 700; color: #001B2D; text-transform: initial;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 18px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 28px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 12px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 18px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 1024px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 100px 250px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 100px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 15px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 20px); max-width: calc(15% - 20px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 45px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 40px; gap: 30px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 200px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 22px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 250px; margin-bottom: 30px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 40%; height: auto;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 500px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 30px;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 50px 250px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 50px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 70px 0px; margin-bottom: 50px; gap: 20px; border-radius: 30px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 100px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 150px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(50px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 22px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 60px; text-align: justify;}}@media screen and (min-width: 3840px){#wrap_solution .solution-cta{width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/solutions-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}#wrap_solution .solution-cta .main-content{width: 50%; height: auto; padding-inline-start: 400px;}#wrap_solution .solution-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}#wrap_solution .solution-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}#wrap_solution .solution-cta .main-content .cta-headline .slogan{font-size: 50px; font-weight: 700; color: #001B2D; text-transform: initial; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cta-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}#wrap_solution .solution-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}#wrap_solution .solution-cta .main-content .cat-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}#wrap_solution .solution-cta .main-content .cat-buttons .video{text-decoration: underline; font-size: 30px; font-weight: 500; text-transform: capitalize; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}#wrap_solution .solution-cta .main-content .cat-buttons .video img{width: 45px; -o-object-fit: cover; object-fit: cover; margin-inline-start: 15px;}#wrap_solution .solution-cta .main-content .cat-buttons .calendar-btn{font-size: 30px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}#wrap_solution .solution-cta .solution-cta-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}#wrap_solution .solution-cta .solution-cta-img img{width: 1500px; -o-object-fit: cover; object-fit: cover;}#wrap_solution .nutritional-resources-container{width: 100%; height: auto; padding: 150px 400px; background-color: #FAFCFD;}#wrap_solution .nutritional-resources-container .title-container{width: 100%; height: auto; margin-bottom: 150px;}#wrap_solution .nutritional-resources-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 20px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: baseline;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource{flex: 1 1 calc(15% - 20px); max-width: calc(15% - 20px); height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 60px;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 80px; border: none; outline: none; box-shadow: 0px 0px 16px rgba(19, 125, 197, 0.1607843137); padding: 50px; gap: 40px; background-color: white;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img{width: 100%; height: 350px; display: flex; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-img-container .nutritional-resources-img img{width: 100%; height: 100%; max-width: 100%; display: block; -o-object-fit: contain; object-fit: contain;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p{font-size: 34px; font-weight: 600; color: #535353; text-transform: initial; text-align: center;}#wrap_solution .nutritional-resources-container .nutritional-resources-features .nutritional-resource .nutritional-resource-description p:nth-child(1){color: #137DC5;}#wrap_solution .grocery-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 400px; margin-bottom: 60px;}#wrap_solution .grocery-item-container .grocery-item-image{width: 40%; height: auto;}#wrap_solution .grocery-item-container .grocery-item-image img{width: 100%; height: 750px; -o-object-fit: contain; object-fit: contain;}#wrap_solution .grocery-item-container .grocery-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}#wrap_solution .grocery-item-container .grocery-item-content .title{width: 100%; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 40px !important;}#wrap_solution .grocery-item-container .grocery-item-content h3{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; text-align: justify;}#wrap_solution .inventory-features-container{width: 100%; height: auto; padding: 100px 400px; background-color: #FBFBFB; display: flex; flex-direction: column; align-items: flex-end;}#wrap_solution .inventory-features-container .inventory-feature{width: calc(100% - 100px); height: auto; background-color: white; display: flex; justify-content: space-between; align-items: center; padding: 80px 0px; margin-bottom: 50px; gap: 50px; border-radius: 50px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1019607843);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(2){width: calc(100% - 150px);}#wrap_solution .inventory-features-container .inventory-feature:nth-child(3){width: calc(100% - 200px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img{width: 15%; height: 100%;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-img img{width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; transform: translateX(100px);}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description{width: 85%; height: auto; display: flex; justify-content: flex-start; align-items: center;}#wrap_solution .inventory-features-container .inventory-feature .inventory-feature-description p{font-size: 34px; font-weight: normal; color: #AAABAB; text-transform: initial; padding-inline-end: 100px; text-align: justify;}}#wrapwrap.o_rtl main #wrap_solution .solution-cta .solution-cta-img img{transform: scaleX(-1) !important;}#wrapwrap.o_rtl main #wrap_solution .grocery-item-container .grocery-item-image img{transform: scaleX(-1) !important;} /* /odex_website/static/src/css/all_partners.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.all_partners_container{width: 100%; height: auto; padding: 0px 20px 30px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 0px 0px 35px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 20px; border-radius: 50px; gap: 20px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 13px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 12px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 13px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 15px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 25px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px;}.all_partners_container .all_partners .partner-elements{width: 210px; height: 380px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 13px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 60px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.all_partners_container{width: 100%; height: auto; padding: 0px 20px 30px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 0px 0px 35px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 14px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 13px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}.all_partners_container .all_partners .partner-elements{width: 305px; height: 380px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 55px; height: 55px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 14px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 50px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.all_partners_container{width: 100%; height: auto; padding: 0px 20px 30px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 0px 0px 35px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 13px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 12px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}.all_partners_container .all_partners .partner-elements{width: 305px; height: 380px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 50px; height: 50px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 13px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 45px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.all_partners_container{width: 100%; height: auto; padding: 0px 20px 30px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 0px 0px 35px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 13px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 12px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 14px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 12px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}.all_partners_container .all_partners .partner-elements{width: 250px; height: 350px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 13px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 45px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}}@media screen and (min-width: 421px) and (max-width: 767px){.all_partners_container{width: 100%; height: auto; padding: 0px 40px 40px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; padding: 0px 0px 40px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 10px 25px; border-radius: 50px; gap: 30px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 14px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 13px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}.all_partners_container .all_partners .partner-elements{width: 310px; height: 410px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 55px; height: 55px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 15px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 55px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 15px; font-weight: 300; color: #606060;}}@media screen and (min-width: 768px) and (max-width: 1024px){.all_partners_container{width: 100%; height: auto; padding: 0px 40px 40px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 45px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 35px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 14px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 13px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}.all_partners_container .all_partners .partner-elements{width: 315px; height: 420px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 15px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 55px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 15px; font-weight: 300; color: #606060;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.all_partners_container{width: 100%; height: auto; padding: 0px 40px 40px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 45px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 35px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -20px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 14px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 13px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 15px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}.all_partners_container .all_partners .partner-elements{width: 390px; height: 420px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 15px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 55px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 15px; font-weight: 300; color: #606060;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.all_partners_container{width: 100%; height: auto; padding: 0px 50px 40px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 45px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 30px; border-radius: 50px; gap: 35px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -9px !important; background-color: white; border-radius: 15px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 16px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 14px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 17px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}.all_partners_container .all_partners .partner-elements{width: 380px; height: 430px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 30px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 16px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 20px; height: 20px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 60px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 16px; font-weight: 300; color: #606060;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.all_partners_container{width: 100%; height: auto; padding: 0px 80px 40px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 40px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 12px 30px; border-radius: 50px; gap: 35px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 14px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 13px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}.all_partners_container .all_partners .partner-elements{width: 345px; height: 400px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 14px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 50px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.all_partners_container{width: 100%; height: auto; padding: 0px 110px 40px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 40px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 30px; border-radius: 50px; gap: 35px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 14px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 13px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}.all_partners_container .all_partners .partner-elements{width: 295px; height: 410px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 14px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 50px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.all_partners_container{width: 100%; height: auto; padding: 0px 135px 40px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 40px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 15px 35px; border-radius: 50px; gap: 35px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 15px; padding: 10px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 13px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 14px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 13px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 14px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px;}.all_partners_container .all_partners .partner-elements{width: 260px; height: 400px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 14px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 50px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.all_partners_container{width: 100%; height: auto; padding: 0px 180px 60px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 50px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 35px; border-radius: 50px; gap: 35px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 14px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 14px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 13px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 16px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 16px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}.all_partners_container .all_partners .partner-elements{width: 290px; height: 440px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 70px; height: 70px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 16px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 20px; height: 20px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 60px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 16px; font-weight: 300; color: #606060;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.all_partners_container{width: 100%; height: auto; padding: 0px 200px 80px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 50px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 35px; border-radius: 50px; gap: 35px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -23px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 15px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 16px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 14px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 30px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 25px;}.all_partners_container .all_partners .partner-elements{width: 350px; height: 500px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 30px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 75px; height: 75px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 20px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 18px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 18px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 22px; height: 22px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 70px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 18px; font-weight: 300; color: #606060;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.all_partners_container{width: 100%; height: auto; padding: 0px 250px 100px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 60px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 20px 50px; border-radius: 50px; gap: 50px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 18px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 18px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 10px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; height: auto; top: 15px !important; right: -21px !important; background-color: white; border-radius: 20px; padding: 15px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 16px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 1px; display: block; background-color: #c8c8c8; margin-bottom: 12px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 18px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 5px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 16px; font-weight: 400; color: #272727; display: block; margin: 5px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 5px; transform: scale(1);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 20px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 22px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 15px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 1px; height: 45px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}.all_partners_container .all_partners .partner-elements{width: 480px; height: 610px; background-color: #E8F2F9; border-radius: 25px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 40px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 80px; height: 80px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 20px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 18px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 18px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 24px; height: 24px; margin-bottom: -4px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 70px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 18px; font-weight: 300; color: #606060;}}@media screen and (min-width: 3840px){.all_partners_container{width: 100%; height: auto; padding: 0px 400px 200px;}.all_partners_container .partner-controls-container{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 100px;}.all_partners_container .partner-controls-container .controls{width: auto; height: auto; display: flex; justify-content: center; align-items: center; background-color: #E7F2F9; padding: 40px 70px; border-radius: 90px; gap: 80px;}.all_partners_container .partner-controls-container .controls .filter-action-options{width: auto; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title::after{display: none !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .filter-title img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu{width: -moz-max-content; width: max-content; min-width: 240px; height: auto; top: 30px !important; right: -12px !important; background-color: white; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 8px #9c9c9c; border: none; outline: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu::before{content: ""; position: absolute; top: -12px; right: 18px; border-width: 0px 15px 15px; border-style: solid; border-color: transparent transparent white; z-index: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item{text-decoration: none; width: 100%; height: auto; font-size: 28px; font-weight: normal !important; color: #606060; background-color: white; padding: 0px; margin-bottom: 18px; display: flex; justify-content: center; align-items: center; gap: 0px; line-height: 1;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:hover{color: #045992; transition: color 0.2s ease-in-out;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-item:last-child{margin-bottom: 0px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .dropdown-items-divider{width: 100%; height: 2px; display: block; background-color: #c8c8c8; margin-bottom: 18px !important;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container{width: 100%; height: auto; padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category{margin-bottom: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category:last-child{margin: 0px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-header{font-size: 32px; font-weight: bold; color: black; text-transform: capitalize; cursor: pointer; padding: 5px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options{padding: 10px;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label{font-size: 30px; font-weight: 400; color: #272727; display: block; margin: 10px 0; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.all_partners_container .partner-controls-container .controls .filter-action-options .dropdown-menu .filter-container .filter-category .filter-options label input{margin-inline-end: 10px; transform: scale(1.7);}.all_partners_container .partner-controls-container .controls a{text-decoration: none; font-size: 34px; font-weight: 500; color: #045992; text-transform: initial; display: flex; justify-content: center; align-items: center;}.all_partners_container .partner-controls-container .controls a img{width: 36px; -o-object-fit: cover; object-fit: cover; margin-inline-end: 25px !important;}.all_partners_container .partner-controls-container .controls .divider{width: 2px; height: 75px; background-color: rgba(128, 128, 128, 0.5);}.all_partners_container .all_partners{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 50px;}.all_partners_container .all_partners .partner-elements{width: 700px; height: 950px; background-color: #E8F2F9; border-radius: 35px;}.all_partners_container .all_partners .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 60px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name img{width: 120px; height: 120px; -o-object-fit: contain; object-fit: contain;}.all_partners_container .all_partners .partner-elements .partner-page .partner-name h2{font-size: 38px; font-weight: 700; color: black; text-transform: capitalize;}.all_partners_container .all_partners .partner-elements .partner-page .partner-intro{font-size: 34px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 20px; font-size: 34px; font-weight: 300; color: black;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info img{width: 40px; height: 40px; margin-bottom: -10px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-info.filed-type-id{height: 110px;}.all_partners_container .all_partners .partner-elements .partner-page .partner-locations{font-size: 34px; font-weight: 300; color: #606060;}} /* /odex_website/static/src/css/partner_details.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.partner_details_container{width: 100%; height: auto; padding: 0px 20px 30px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px; margin-inline-start: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 14px; height: 14px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 5px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 20px; height: 20px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}.partner_details_container .partner_additional_info .partner_fields{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 14px; height: 14px;}.partner_details_container .partner_additional_info .divider{display: none;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 15px; width: 32px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 20px 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 14px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; gap: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 100%; height: 36px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 12px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 36px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 12px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 25px; padding-top: 10px; font-size: 12px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 36px; text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.partner_details_container{width: 100%; height: auto; padding: 0px 20px 30px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 55px; height: 55px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 16px; height: 16px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 5px; font-size: 14px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 14px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 22px; height: 22px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}.partner_details_container .partner_additional_info .partner_fields{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 14px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 16px; height: 16px;}.partner_details_container .partner_additional_info .divider{display: none;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 14px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 85vh; position: relative; overflow-y: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 65px; height: 65px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 16px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; gap: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 13px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 13px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 25px; padding-top: 10px; font-size: 13px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 38px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.partner_details_container{width: 100%; height: auto; padding: 0px 20px 30px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 50px; height: 50px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 14px; height: 14px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 5px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 20px; height: 20px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}.partner_details_container .partner_additional_info .partner_fields{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 14px; height: 14px;}.partner_details_container .partner_additional_info .divider{display: none;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 85vh; position: relative; overflow-y: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 65px; height: 65px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 16px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; gap: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 13px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 13px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 25px; padding-top: 10px; font-size: 13px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 38px; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.partner_details_container{width: 100%; height: auto; padding: 0px 20px 30px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 14px; height: 14px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 5px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 20px; height: 20px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}.partner_details_container .partner_additional_info .partner_fields{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 14px; height: 14px;}.partner_details_container .partner_additional_info .divider{display: none;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 65px; height: 65px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 14px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; gap: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 100%; height: 36px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 12px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 36px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 12px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 25px; padding-top: 10px; font-size: 12px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 36px; text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.partner_details_container{width: 100%; height: auto; padding: 0px 20px 40px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 16px; height: 16px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 15px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 15px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 24px; height: 24px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}.partner_details_container .partner_additional_info .partner_fields{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 15px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 16px; height: 16px;}.partner_details_container .partner_additional_info .divider{display: none;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 15px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 70px; height: 70px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 18px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 15px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 38px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 768px) and (max-width: 1024px){.partner_details_container{width: 100%; height: auto; padding: 0px 40px 40px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 16px; height: 16px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 15px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 34px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 40%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 15px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 25px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 26px; height: 26px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}.partner_details_container .partner_additional_info .partner_fields{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 15px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 16px; height: 16px;}.partner_details_container .partner_additional_info .divider{display: none;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 15px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: auto; position: relative;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 75px; height: 75px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 18px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 38px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 75px; height: 75px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 18px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 38px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 15px; left: 15px; width: 32px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 25px;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.partner_details_container{width: 100%; height: auto; padding: 0px 20px 30px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px; margin-inline-start: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 14px; height: 14px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 5px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 20px; height: 20px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}.partner_details_container .partner_additional_info .partner_fields{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 14px; height: 14px;}.partner_details_container .partner_additional_info .divider{display: none;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 15px; left: 15px; width: 32px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 25px;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.partner_details_container{width: 100%; height: auto; padding: 0px 20px 30px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px; margin-inline-start: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 14px; height: 14px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 5px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 20px; height: 20px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 20px;}.partner_details_container .partner_additional_info .partner_fields{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 5px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 14px; height: 14px;}.partner_details_container .partner_additional_info .divider{display: none;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 13px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 90%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 15px; left: 15px; width: 32px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 22px 25px;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.partner_details_container{width: 100%; height: auto; padding: 0px 50px 40px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 30px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 16px; height: 16px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 20px; height: 20px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 16px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 38px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 30px; gap: 20px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 20px; height: 20px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 16px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 30%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 30px; gap: 25px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 26px; height: 26px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start;}.partner_details_container .partner_additional_info .partner_fields{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 48%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 16px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 16px; height: 16px;}.partner_details_container .partner_additional_info .divider{width: 2px; height: 250px; background-color: #D9D9D9; align-self: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 55%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 48%; height: auto; font-size: 16px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: auto; position: relative;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 70px; height: 70px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 18px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 35px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 35px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 150px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 30px; padding-top: 10px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 40px; text-decoration: none; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.partner_details_container{width: 100%; height: auto; padding: 0px 80px 40px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 45px; gap: 30px;}.partner_details_container .partner_main_info .partner_card_one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 14px; height: 14px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 14px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 30%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 15px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 30%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 25px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 22px; height: 22px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start;}.partner_details_container .partner_additional_info .partner_fields{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 45%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 14px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 14px; height: 14px;}.partner_details_container .partner_additional_info .divider{width: 2px; height: 220px; background-color: #D9D9D9; align-self: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 55%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 45%; height: auto; font-size: 14px; font-weight: 300; color: #606060; margin-bottom: 25px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 60%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 16px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 38px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.partner_details_container{width: 100%; height: auto; padding: 0px 110px 40px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; justify-content: space-between; margin-bottom: 45px;}.partner_details_container .partner_main_info .partner_card_one{width: 48%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 14px; height: 14px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 14px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 24%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 24%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 25px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 22px; height: 22px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start;}.partner_details_container .partner_additional_info .partner_fields{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 45%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 14px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 14px; height: 14px;}.partner_details_container .partner_additional_info .divider{width: 2px; height: 220px; background-color: #D9D9D9; align-self: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 55%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 45%; height: auto; font-size: 14px; font-weight: 300; color: #606060; margin-bottom: 25px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 55%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 16px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 110px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 38px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.partner_details_container{width: 100%; height: auto; padding: 0px 135px 40px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; justify-content: space-between; margin-bottom: 45px;}.partner_details_container .partner_main_info .partner_card_one{width: 48%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 14px; height: 14px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 14px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 24%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 24%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 25px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 22px; height: 22px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start;}.partner_details_container .partner_additional_info .partner_fields{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 45%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 14px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 14px; height: 14px;}.partner_details_container .partner_additional_info .divider{width: 2px; height: 220px; background-color: #D9D9D9; align-self: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 55%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 45%; height: auto; font-size: 14px; font-weight: 300; color: #606060; margin-bottom: 25px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 50%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: 80vh; position: relative; overflow: scroll;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: 10px; left: 12px; width: 35px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 16px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 38px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 114px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 14px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 38px; text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.partner_details_container{width: 100%; height: auto; padding: 0px 180px 60px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; justify-content: space-between; margin-bottom: 45px;}.partner_details_container .partner_main_info .partner_card_one{width: 48%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 70px; height: 70px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 25px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 16px; height: 16px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 20px; height: 20px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 16px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 24%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 25px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 20px; height: 20px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 16px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 24%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 25px; gap: 25px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 26px; height: 26px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start;}.partner_details_container .partner_additional_info .partner_fields{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 45%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 16px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 16px; height: 16px;}.partner_details_container .partner_additional_info .divider{width: 2px; height: 250px; background-color: #D9D9D9; align-self: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 55%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 25px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 45%; height: auto; font-size: 16px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 45%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: auto; position: relative;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: -26px; left: -26px; width: 40px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 25px 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 65px; height: 65px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 16px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 35px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 150px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 20px; border-radius: 25px; padding-top: 10px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 40px; text-decoration: none; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.partner_details_container{width: 100%; height: auto; padding: 0px 200px 80px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; justify-content: space-between; margin-bottom: 50px;}.partner_details_container .partner_main_info .partner_card_one{width: 48%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 30px; background-color: #E8F2F9; border-radius: 25px; padding: 30px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 75px; height: 75px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 20px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 30px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 18px; height: 18px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 18px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 22px; height: 22px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 18px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 24%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 30px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 18px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 22px; height: 22px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 18px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 24%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 30px; gap: 15px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 20px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 26px; height: 26px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start;}.partner_details_container .partner_additional_info .partner_fields{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 20px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 30px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 45%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 18px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 18px; height: 18px;}.partner_details_container .partner_additional_info .divider{width: 2px; height: 250px; background-color: #D9D9D9; align-self: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 55%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 20px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 30px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 45%; height: auto; font-size: 18px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: auto; position: relative;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 30px 40px; gap: 25px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 75px; height: 75px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 18px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 35px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 40px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 35px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 150px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 30px; padding-top: 10px; font-size: 15px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 40px; text-decoration: none; font-size: 15px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.partner_details_container{width: 100%; height: auto; padding: 0px 250px 100px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; justify-content: space-between; margin-bottom: 50px;}.partner_details_container .partner_main_info .partner_card_one{width: 48%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 30px; background-color: #E8F2F9; border-radius: 25px; padding: 40px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 80px; height: 80px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 24px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 30px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 20px; height: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 22px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 24px; height: 24px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 22px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 24%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 25px; padding: 40px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 22px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 24px; height: 24px; margin-bottom: -4px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 22px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 24%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 25px; padding: 40px; gap: 25px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 24px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 32px; height: 32px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start;}.partner_details_container .partner_additional_info .partner_fields{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 24px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 30px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 45%; height: auto; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 22px; font-weight: 300; color: #606060; margin-bottom: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 20px; height: 20px;}.partner_details_container .partner_additional_info .divider{width: 2px; height: 250px; background-color: #D9D9D9; align-self: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 55%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 24px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 30px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 45%; height: auto; font-size: 22px; font-weight: 300; color: #606060; margin-bottom: 30px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: auto; position: relative;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 35px 45px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 100px; height: 100px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 20px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 45px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 35px; font-size: 18px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 45px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 35px; font-size: 18px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 200px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 30px; border-radius: 30px; padding-top: 10px; font-size: 18px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 45px; text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 30px 30px 0px 30px; border: none; outline: none; text-indent: 0px !important;}}@media screen and (min-width: 3840px){.partner_details_container{width: 100%; height: auto; padding: 0px 400px 200px;}.partner_details_container .partner_main_info{width: 100%; height: auto; display: flex; justify-content: space-between; margin-bottom: 80px;}.partner_details_container .partner_main_info .partner_card_one{width: 48%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; background-color: #E8F2F9; border-radius: 35px; padding: 60px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container{width: 100%; height: auto; display: flex; gap: 20px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-logo img{width: 120px; height: 120px; -o-object-fit: contain; object-fit: contain;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name{width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name h2{font-size: 38px; font-weight: 700; color: black; text-transform: capitalize; margin: 0px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 30px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 10px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-rate img{width: 30px; height: 30px;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type{width: auto; height: auto;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 20px; font-size: 34px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_one .partner-name-container .partner-name .partner-statistics .partner-type .partner-info img{width: 40px; height: 40px; margin-bottom: -10px;}.partner_details_container .partner_main_info .partner_card_one .partner-description{font-size: 34px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_one a{text-decoration: none; width: -moz-max-content; width: max-content; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.partner_details_container .partner_main_info .partner_card_two{width: 24%; height: auto; display: flex; flex-direction: column; justify-content: space-evenly; background-color: #E8F2F9; border-radius: 35px; padding: 60px;}.partner_details_container .partner_main_info .partner_card_two .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 20px; font-size: 34px; font-weight: 300; color: black;}.partner_details_container .partner_main_info .partner_card_two .partner-info img{width: 40px; height: 40px; margin-bottom: -10px;}.partner_details_container .partner_main_info .partner_card_two .partner-locations{font-size: 34px; font-weight: 300; color: #606060;}.partner_details_container .partner_main_info .partner_card_three{width: 24%; height: auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #E8F2F9; border-radius: 35px; padding: 60px; gap: 30px;}.partner_details_container .partner_main_info .partner_card_three h2{font-size: 38px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; text-align: center;}.partner_details_container .partner_main_info .partner_card_three img{width: 45px; height: 45px;}.partner_details_container .partner_additional_info{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start;}.partner_details_container .partner_additional_info .partner_fields{width: 40%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_fields h2{font-size: 38px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 40px;}.partner_details_container .partner_additional_info .partner_fields .partner_field{width: 45%; height: auto; margin-bottom: 30px;}.partner_details_container .partner_additional_info .partner_fields .partner_field p{font-size: 34px; font-weight: 300; color: #606060; margin-bottom: 20px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate{width: auto; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}.partner_details_container .partner_additional_info .partner_fields .partner_field .partner_field_rate img{width: 30px; height: 30px;}.partner_details_container .partner_additional_info .divider{width: 2px; height: 450px; background-color: #D9D9D9; align-self: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates{width: 55%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}.partner_details_container .partner_additional_info .partner_rewards_certificates h2{font-size: 38px; font-weight: 700; color: black; text-transform: capitalize; width: 100%; margin-bottom: 40px;}.partner_details_container .partner_additional_info .partner_rewards_certificates .reward_certificate{width: 45%; height: auto; font-size: 34px; font-weight: 300; color: #606060; margin-bottom: 40px;}.partner-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.partner-popup-container .partner-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101;}.partner-popup-container .partner-popup-section{width: 40%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.partner-popup-container .partner-popup-section .partner-popup-section-container{width: 100%; height: auto; position: relative;}.partner-popup-container .partner-popup-section .partner-popup-section-container #partner-form-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact{width: 100%; height: auto; padding: 45px 50px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo img{width: 140px; height: 140px; -o-object-fit: contain; object-fit: contain;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .partner-logo p{font-size: 34px; font-weight: 600; color: black; text-transform: capitalize;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-elements input{width: 48%; height: 70px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 35px; border-radius: 40px; font-size: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element input, .partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element select{width: 100%; height: 70px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 35px; border-radius: 40px; font-size: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element textarea{width: 100%; max-width: 100%; min-width: 100%; min-height: 250px; background-color: #FBFBFB; color: black; outline: 1px solid #E3E4E4; border: none; text-indent: 35px; border-radius: 40px; padding-top: 10px; font-size: 30px;}.partner-popup-container .partner-popup-section .partner-popup-section-container form#partner-contact .form-element button{width: 100%; height: 70px; text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; border-radius: 40px 40px 0px 40px; border: none; outline: none; text-indent: 0px !important;}} /* /odex_website/static/src/css/partners.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.partners-cta{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.partners-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 20px 15px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.partners-cta .partners-cta-img img{width: 100px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 50px 20px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 30px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 490px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 70px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 13px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 60px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 35px; height: 35px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 10px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 8px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 50px 20px; position: relative;}.section-container .top-right-bg{width: 250px; height: 250px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 250px; height: 250px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 50px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 50px;}.section-container .content-container .what-to-expect{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 40px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 30px; line-height: initial;}.section-container .content-container .what-to-expect img{width: 200px;}.section-container .content-container .join-odex{width: 100%; height: auto; background-color: #137DC5; padding: 30px 20px; border-radius: 50px 50px 50px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 16px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 12px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 34px; font-size: 12px; color: black; margin-bottom: 5px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 70px; min-height: 70px; font-size: 12px; color: black; margin-bottom: 10px;}.section-container .content-container .join-odex form button{width: 100%; height: 34px; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.partners-cta{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.partners-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 30px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 20px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.partners-cta .partners-cta-img img{width: 170px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 50px 20px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 40px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 500px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 55px; height: 55px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 14px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 50px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 20px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 50px 20px; position: relative;}.section-container .top-right-bg{width: 250px; height: 250px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 250px; height: 250px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 60px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 50px;}.section-container .content-container .what-to-expect{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 40px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 30px; line-height: initial;}.section-container .content-container .what-to-expect img{width: 280px;}.section-container .content-container .join-odex{width: 100%; height: auto; background-color: #137DC5; padding: 35px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 18px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 13px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 36px; font-size: 13px; color: black; margin-bottom: 5px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 80px; min-height: 80px; font-size: 13px; color: black; margin-bottom: 10px;}.section-container .content-container .join-odex form button{width: 100%; height: 36px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.partners-cta{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.partners-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 13px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 13px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.partners-cta .partners-cta-img img{width: 160px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 50px 20px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 40px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 500px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 50px; height: 50px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 13px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 45px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 15px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 12px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 50px 20px; position: relative;}.section-container .top-right-bg{width: 250px; height: 250px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 250px; height: 250px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 50px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 50px;}.section-container .content-container .what-to-expect{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 40px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 30px; line-height: initial;}.section-container .content-container .what-to-expect img{width: 260px;}.section-container .content-container .join-odex{width: 100%; height: auto; background-color: #137DC5; padding: 35px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 18px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 13px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 36px; font-size: 13px; color: black; margin-bottom: 5px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 80px; min-height: 80px; font-size: 13px; color: black; margin-bottom: 10px;}.section-container .content-container .join-odex form button{width: 100%; height: 36px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.partners-cta{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 15px;}.partners-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 25px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 20px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 13px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 15px; flex-direction: column;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 12px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 12px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 200px 0px 0px;}.partners-cta .partners-cta-img img{width: 130px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 50px 20px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 30px; margin-bottom: 30px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 470px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 45px; height: 45px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 15px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 13px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 45px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 13px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 38px; height: 38px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 15px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: auto; height: 30px; font-size: 11px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 10px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 50px 20px; position: relative;}.section-container .top-right-bg{width: 250px; height: 250px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 250px; height: 250px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 50px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 50px;}.section-container .content-container .what-to-expect{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 18px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 40px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 13px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 30px; line-height: initial;}.section-container .content-container .what-to-expect img{width: 200px;}.section-container .content-container .join-odex{width: 100%; height: auto; background-color: #137DC5; padding: 30px; border-radius: 50px 50px 50px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 16px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 12px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 34px; font-size: 12px; color: black; margin-bottom: 5px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 70px; min-height: 70px; font-size: 12px; color: black; margin-bottom: 10px;}.section-container .content-container .join-odex form button{width: 100%; height: 34px; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 421px) and (max-width: 767px){.partners-cta{width: 100vw; height: auto; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative; flex-direction: column; gap: 20px;}.partners-cta .main-content{width: 100%; height: auto; padding-inline-start: 0px; order: 2; padding: 0px 30px 50px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial; text-align: center;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: center; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; overflow: hidden; order: 1; margin: 220px 0px 0px;}.partners-cta .partners-cta-img img{width: 220px; -o-object-fit: cover; object-fit: cover; transform: translateX(0px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 50px 40px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 40px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 530px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 55px; height: 55px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 15px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 55px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 15px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 25px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 50px 40px; position: relative;}.section-container .top-right-bg{width: 250px; height: 250px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 250px; height: 250px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 60px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; flex-direction: column; gap: 50px;}.section-container .content-container .what-to-expect{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 40px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 30px; line-height: initial;}.section-container .content-container .what-to-expect img{width: 300px;}.section-container .content-container .join-odex{width: 100%; height: auto; background-color: #137DC5; padding: 35px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 18px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 13px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 36px; font-size: 13px; color: black; margin-bottom: 5px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 80px; min-height: 80px; font-size: 13px; color: black; margin-bottom: 10px;}.section-container .content-container .join-odex form button{width: 100%; height: 36px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 600px) and (max-width: 699px){.partner-slider-container .slider-container{padding: 0px 50px;}}@media screen and (min-width: 768px) and (max-width: 1024px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 52%; height: auto; padding-inline-start: 40px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 15px; font-weight: 300; color: #AAABAB; text-transform: initial;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 350px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 50px 40px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 50px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 550px; padding: 0px 15px 80px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 50px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 15px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 55px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 15px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 25px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 50px 40px; position: relative;}.section-container .top-right-bg{width: 300px; height: 300px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 300px; height: 300px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 100px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 60px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 15px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 15px; line-height: 1.5;}.section-container .content-container .what-to-expect img{width: 220px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 35px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 18px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 15px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 36px; font-size: 15px; color: black; margin-bottom: 30px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 80px; min-height: 80px; font-size: 15px; color: black; margin-bottom: 30px;}.section-container .content-container .join-odex form button{width: 100%; height: 36px; font-size: 15px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 50px 40px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 50px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px 50px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 550px; padding: 0px 15px 80px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 50px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 17px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 15px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 15px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 55px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 15px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 25px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.section-container{width: 100%; height: auto; padding: 50px 40px; position: relative;}.section-container .top-right-bg{width: 300px; height: 300px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 300px; height: 300px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 100px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 60px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 24px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 15px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 15px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: auto; line-height: 1.5;}.section-container .content-container .what-to-expect img{width: 300px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 35px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 18px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 15px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 36px; font-size: 15px; color: black; margin-bottom: 30px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 80px; min-height: 80px; font-size: 15px; color: black; margin-bottom: 30px;}.section-container .content-container .join-odex form button{width: 100%; height: 36px; font-size: 15px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 52%; height: auto; padding-inline-start: 50px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 20px; border-radius: 25px 25px 0px 25px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 480px; -o-object-fit: cover; object-fit: cover; transform: translate(10px, 30px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 60px 50px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 50px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px 50px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 550px; padding: 0px 15px 80px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 40px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 30px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 16px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 20px; height: 20px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 60px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 16px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 30px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: -moz-max-content; width: max-content; height: 38px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 60px 50px; position: relative;}.section-container .top-right-bg{width: 300px; height: 300px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 300px; height: 300px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 100px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 140px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 20px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 25px; line-height: 1.5;}.section-container .content-container .what-to-expect img{width: 300px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 40px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 18px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 15px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 36px; font-size: 15px; color: black; margin-bottom: 35px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 80px; min-height: 80px; font-size: 15px; color: black; margin-bottom: 50px;}.section-container .content-container .join-odex form button{width: 100%; height: 36px; font-size: 15px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: right; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 52%; height: auto; padding-inline-start: 80px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 420px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 80px 80px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 50px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px 50px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 500px; padding: 0px 15px 50px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 50px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 14px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 50px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 30px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 30px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 30px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: -moz-max-content; width: max-content; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 80px 80px; position: relative;}.section-container .top-right-bg{width: 300px; height: 300px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 300px; height: 300px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 100px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 140px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 20px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 25px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 25px; line-height: 1.5;}.section-container .content-container .what-to-expect img{width: 280px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 40px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 17px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 13px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 36px; font-size: 13px; color: black; margin-bottom: 20px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 80px; min-height: 80px; font-size: 13px; color: black; margin-bottom: 30px;}.section-container .content-container .join-odex form button{width: 100%; height: 36px; font-size: 13px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 52%; height: auto; padding-inline-start: 110px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 12px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 490px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 80px 110px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 50px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 530px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 14px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 50px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 25px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: -moz-max-content; width: max-content; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 80px 110px; position: relative;}.section-container .top-right-bg{width: 400px; height: 400px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 400px; height: 400px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 100px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 160px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 22px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 30px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 25px; line-height: 1.5;}.section-container .content-container .what-to-expect img{width: 300px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 40px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 18px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 14px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 38px; font-size: 14px; color: black; margin-bottom: 20px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 90px; min-height: 90px; font-size: 14px; color: black; margin-bottom: 20px;}.section-container .content-container .join-odex form button{width: 100%; height: 40px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 52%; height: auto; padding-inline-start: 135px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 14px; font-weight: 300; color: #AAABAB; text-transform: initial;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 14px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 14px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 15px; border-radius: 18px 18px 0px 18px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 48%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 500px; -o-object-fit: cover; object-fit: cover; transform: translate(50px, 30px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 100px 135px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 60px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px 20px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 550px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 60px; height: 60px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 16px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 14px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 14px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 18px; height: 18px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 50px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 14px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 40px; height: 40px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 25px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: -moz-max-content; width: max-content; height: 33px; font-size: 14px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 100px 135px; position: relative;}.section-container .top-right-bg{width: 400px; height: 400px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 400px; height: 400px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 40px; margin-bottom: 100px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 200px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 26px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 35px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 14px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 30px; line-height: 1.5;}.section-container .content-container .what-to-expect img{width: 320px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 40px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 20px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 14px; font-weight: 400; color: white; margin-bottom: 5px;}.section-container .content-container .join-odex form input{width: 100%; height: 40px; font-size: 14px; color: black; margin-bottom: 20px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 100px; min-height: 100px; font-size: 14px; color: black; margin-bottom: 20px;}.section-container .content-container .join-odex form button{width: 100%; height: 40px; font-size: 14px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1366px) and (max-device-height: 620px){.partners-cta{height: 135vh !important;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 50%; height: auto; padding-inline-start: 180px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 25px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 16px; font-weight: 300; color: #AAABAB; text-transform: initial;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 640px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 140px 180px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; margin-bottom: 70px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px 40px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 600px; padding: 0px 15px 60px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 70px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 70px; height: 70px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 18px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 16px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 20px; height: 20px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 60px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 16px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 45px; height: 45px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 35px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: -moz-max-content; width: max-content; height: 36px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 140px 180px; position: relative;}.section-container .top-right-bg{width: 450px; height: 450px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 450px; height: 450px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; margin-bottom: 100px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 200px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 28px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 40px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 18px; height: 18px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 16px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 40px; line-height: 2;}.section-container .content-container .what-to-expect img{width: 350px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 50px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 24px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 16px; font-weight: 400; color: white; margin-bottom: 10px;}.section-container .content-container .join-odex form input{width: 100%; height: 42px; font-size: 16px; color: black; margin-bottom: 20px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 130px; min-height: 130px; font-size: 16px; color: black; margin-bottom: 20px;}.section-container .content-container .join-odex form button{width: 100%; height: 45px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 50%; height: auto; padding-inline-start: 200px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 18px; font-weight: 300; color: #AAABAB; text-transform: initial;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 16px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 16px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 6px 20px; border-radius: 24px 24px 0px 24px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 720px; -o-object-fit: cover; object-fit: cover; transform: translate(60px, 50px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 160px 200px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; margin-bottom: 80px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 18px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px 80px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 650px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 80px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 30px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 75px; height: 75px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 20px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 18px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 18px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 22px; height: 22px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 70px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 18px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 50px; height: 50px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 40px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: -moz-max-content; width: max-content; height: 40px; font-size: 16px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 160px 200px; position: relative;}.section-container .top-right-bg{width: 500px; height: 500px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 500px; height: 500px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; margin-bottom: 130px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 18px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 200px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 32px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 45px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 18px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 20px; height: 20px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 18px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: auto; line-height: 2;}.section-container .content-container .what-to-expect img{width: 400px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 60px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 28px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 16px; font-weight: 400; color: white; margin-bottom: 10px;}.section-container .content-container .join-odex form input{width: 100%; height: 45px; font-size: 16px; color: black; margin-bottom: 10px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 200px; min-height: 200px; font-size: 16px; color: black; margin-bottom: 20px;}.section-container .content-container .join-odex form button{width: 100%; height: 50px; font-size: 16px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 50%; height: auto; padding-inline-start: 250px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 30px; margin-bottom: 40px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 22px; font-weight: 300; color: #AAABAB; text-transform: initial;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 20px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 18px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 1px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 18px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 8px 24px; border-radius: 30px 30px 0px 30px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 1024px; -o-object-fit: cover; object-fit: cover; transform: translate(75px, 60px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 200px 250px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; margin-bottom: 120px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 22px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px 200px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 750px; padding: 0px 15px 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 100px) !important; background-color: #E8F2F9; border-radius: 25px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 80px; height: 80px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 20px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 18px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 10px; font-size: 18px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 24px; height: 24px; margin-bottom: -4px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 70px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 18px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 50px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 65px; height: 65px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 50px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: -moz-max-content; width: max-content; height: 45px; font-size: 18px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 200px 250px; position: relative;}.section-container .top-right-bg{width: 600px; height: 600px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 600px; height: 600px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 50px; margin-bottom: 150px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 22px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 250px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 34px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 50px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 50px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 22px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 25px; height: 25px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 22px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 50px; line-height: 2;}.section-container .content-container .what-to-expect img{width: 540px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 80px; border-radius: 60px 60px 60px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 34px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 20px; font-weight: 400; color: white; margin-bottom: 10px;}.section-container .content-container .join-odex form input{width: 100%; height: 50px; font-size: 20px; color: black; margin-bottom: 10px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 250px; min-height: 250px; font-size: 20px; color: black; margin-bottom: 30px;}.section-container .content-container .join-odex form button{width: 100%; height: 60px; font-size: 20px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 30px 30px 30px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}}@media screen and (min-width: 3840px){.partners-cta{width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-image: url(/odex_website/static/src/css/../../img/partners-cta-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}.partners-cta .main-content{width: 50%; height: auto; padding-inline-start: 400px;}.partners-cta .main-content .cta-headline{width: 100%; height: auto; display: flex; flex-direction: column; gap: 40px; margin-bottom: 50px;}.partners-cta .main-content .cta-headline .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; margin-bottom: 0px;}.partners-cta .main-content .cta-headline .call-to-action-message{font-size: 34px; font-weight: 300; color: #AAABAB; text-transform: initial; margin-bottom: 20px;}.partners-cta .main-content .cat-buttons{width: 100%; height: auto; display: flex; justify-content: flex-start; align-content: center; gap: 30px;}.partners-cta .main-content .cat-buttons a{text-decoration: none; font-size: 30px; font-weight: 500; text-transform: capitalize; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.partners-cta .main-content .cat-buttons a:hover{background-color: white; color: #137DC5; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; outline: 2px solid #137DC5;}.partners-cta .main-content .cat-buttons .calendar-btn{font-size: 30px; font-weight: 500; color: #137DC5; display: flex; justify-content: center; align-items: center; background-color: rgba(19, 125, 197, 0.1019607843); padding: 15px 40px; border-radius: 50px 50px 0px 50px; border: none; outline: none;}.partners-cta .partners-cta-img{width: 50%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}.partners-cta .partners-cta-img img{width: 1500px; -o-object-fit: cover; object-fit: cover; transform: translate(110px, 60px);}.partner-slider-container, .partnership-philosophy-container{width: 100%; height: auto; padding: 250px 400px; position: relative; background-image: url(/odex_website/static/src/css/../../img/partners-slider-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}.partner-slider-container .title-container, .partnership-philosophy-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 80px; margin-bottom: 140px;}.partner-slider-container .title-container .title, .partnership-philosophy-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.partner-slider-container .title-container .description, .partnership-philosophy-container .title-container .description{font-size: 34px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.partner-slider-container .slider-container, .partnership-philosophy-container .slider-container{width: 100%; height: auto; padding: 0px 200px;}.partner-slider-container .slider-container .swiper.partners, .partnership-philosophy-container .slider-container .swiper.partners{width: auto; height: 1200px; padding: 0px 15px 150px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper{width: 100%; height: 100%; margin-bottom: 40px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide{background-color: transparent; position: relative; outline: none; border: none; height: calc(100% - 100px) !important; background-color: #E8F2F9; border-radius: 35px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements{width: 100%; height: 100%;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page{text-decoration: none; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; padding: 60px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name{width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name img{width: 120px; height: 120px; -o-object-fit: contain; object-fit: contain;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-name h2{font-size: 38px; font-weight: 700; color: black; text-transform: capitalize;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-intro{font-size: 34px; font-weight: 300; color: #606060; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info{display: flex; justify-content: flex-start; align-items: center; gap: 20px; font-size: 34px; font-weight: 300; color: black;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info img{width: 40px; height: 40px; margin-bottom: -10px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-info.filed-type-id{height: 110px;}.partner-slider-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations, .partnership-philosophy-container .slider-container .swiper.partners .swiper-wrapper .swiper-slide .partner-elements .partner-page .partner-locations{font-size: 34px; font-weight: 300; color: #606060;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); right: 50%; transform: translateX(150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-prev.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation{color: #137DC5; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4)); position: absolute; top: calc(100% - 100px); left: 50%; transform: translateX(-150%); z-index: 100; background-color: white; border-radius: 50%; width: 100px; height: 100px; background-position: center; transition: background 0.8s;}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation:after{content: "";}.partner-slider-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img, .partnership-philosophy-container .slider-container .swiper.partners .swiper-button-next.partners-navigation img{width: 50%; -o-object-fit: cover; object-fit: cover;}.partner-slider-container .all-partners, .partnership-philosophy-container .all-partners{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: 80px;}.partner-slider-container .all-partners a, .partnership-philosophy-container .all-partners a{text-decoration: none; width: -moz-max-content; width: max-content; height: 70px; font-size: 30px; font-weight: 500 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.partnership-philosophy-container{background-image: url(/odex_website/static/src/css/../../img/partnership-philosophy-bg.png);}.partnership-philosophy-container .title-container{margin: 0px;}.section-container{width: 100%; height: auto; padding: 250px 400px; position: relative;}.section-container .top-right-bg{width: 900px; height: 900px; position: absolute; top: 0; left: 0; z-index: -1;}.section-container .bottom-left-bg{width: 900px; height: 900px; position: absolute; bottom: 0; right: 0; z-index: -1;}.section-container .title-container{width: 100%; height: auto; display: flex; flex-direction: column; align-items: center; gap: 80px; margin-bottom: 250px;}.section-container .title-container .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center;}.section-container .title-container .description{font-size: 34px; font-weight: 300; color: #606060; text-transform: initial; text-align: center;}.section-container .content-container{width: 100%; height: auto; display: flex; gap: 250px;}.section-container .content-container .what-to-expect{width: 50%; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}.section-container .content-container .what-to-expect .title{width: -moz-max-content; width: max-content; font-size: 60px; font-weight: 700; background: linear-gradient(to left, #137DC5, #045992); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: initial; text-align: center; margin-bottom: 80px; align-self: flex-start;}.section-container .content-container .what-to-expect .solution-element{width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 15px; margin-bottom: 70px;}.section-container .content-container .what-to-expect .solution-element p{font-size: 34px; font-weight: 300; color: #606060; text-transform: initial; width: calc(100% - 35px - 20px);}.section-container .content-container .what-to-expect .solution-element img{width: 40px; height: 40px; -o-object-fit: cover; object-fit: cover; margin-top: 4px;}.section-container .content-container .what-to-expect .description{font-size: 34px; font-weight: 300; color: #606060; text-transform: initial; text-align: center; margin-bottom: 70px; line-height: 2;}.section-container .content-container .what-to-expect img{width: 820px;}.section-container .content-container .join-odex{width: 50%; height: auto; background-color: #137DC5; padding: 100px; border-radius: 100px 100px 100px 0px; border: none;}.section-container .content-container .join-odex form h1{font-size: 40px; color: white; text-align: center; margin-bottom: 30px;}.section-container .content-container .join-odex form label{font-size: 30px; font-weight: 400; color: white; margin-bottom: 20px;}.section-container .content-container .join-odex form input{width: 100%; height: 70px; font-size: 30px; color: black; margin-bottom: 40px;}.section-container .content-container .join-odex form textarea{width: 100%; max-width: 100%; height: 300px; min-height: 300px; font-size: 30px; color: black; margin-bottom: 80px;}.section-container .content-container .join-odex form button{width: 100%; height: 80px; font-size: 30px; font-weight: 500; text-transform: capitalize; color: #045992; display: flex; justify-content: center; align-items: center; background-color: white; border-radius: 50px 50px 50px 0px; border: none; outline: none;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev{left: 50% !important; right: initial !important; transform: translateX(50%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-prev img{transform: rotate(-180deg) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next{left: 50% !important; right: initial !important; transform: translateX(-150%) !important;}#wrapwrap.o_rtl main #wrap_partners .partner-slider-container .slider-container .swiper .swiper-button-next img{transform: rotate(-180deg) !important;}} /* /odex_website/static/src/css/sales-template.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.custom_nav{width: 100%; height: auto; padding: 20px 20px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 80px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 20px; gap: 35px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 95%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 150px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 16px; font-weight: 700; color: #454545; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.sales-item-container .sales-item-content h3{font-size: 12px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 10px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 32px; font-size: 12px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px; padding: 50px 0px; background-color: #137DC5; flex-direction: column;}.custom-footer .custom-footer-content span{font-size: 11px; font-weight: 300; color: white; order: 3; text-align: center;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 12px; order: 2;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 28px; height: 28px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center; order: 1;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 100px;}.custom-footer .custom_layer{width: 100%; height: 30px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 250px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 20px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -40px; left: 0px; width: 35px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 14px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 32px; font-size: 11px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 32px; font-size: 12px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.custom_nav{width: 100%; height: auto; padding: 40px 20px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 90px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 50px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 90%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.sales-item-container .sales-item-content h3{font-size: 13px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 15px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 34px; font-size: 13px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px; padding: 50px 0px; background-color: #137DC5; flex-direction: column;}.custom-footer .custom-footer-content span{font-size: 12px; font-weight: 300; color: white; order: 3; text-align: center;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; order: 2;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center; order: 1;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 120px;}.custom-footer .custom_layer{width: 100%; height: 30px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 300px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -40px; left: 0px; width: 40px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 16px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 34px; font-size: 13px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 34px; font-size: 13px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.custom_nav{width: 100%; height: auto; padding: 40px 20px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 100px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 50px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 90%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 200px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; text-align: start; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal;}.sales-item-container .sales-item-content h3{font-size: 13px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 15px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 34px; font-size: 13px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px; padding: 50px 0px; background-color: #137DC5; flex-direction: column;}.custom-footer .custom-footer-content span{font-size: 12px; font-weight: 300; color: white; order: 3; text-align: center;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; order: 2;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center; order: 1;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 110px;}.custom-footer .custom_layer{width: 100%; height: 30px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 300px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -40px; left: 0px; width: 40px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 16px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 34px; font-size: 13px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 34px; font-size: 13px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.custom_nav{width: 100%; height: auto; padding: 25px 20px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 90px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 40px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 90%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 18px; font-weight: 700; color: #454545; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.sales-item-container .sales-item-content h3{font-size: 13px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 10px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 34px; font-size: 13px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 25px; padding: 50px 0px; background-color: #137DC5; flex-direction: column;}.custom-footer .custom-footer-content span{font-size: 12px; font-weight: 300; color: white; order: 3; text-align: center;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; order: 2;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 28px; height: 28px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center; order: 1;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 100px;}.custom-footer .custom_layer{width: 100%; height: 30px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 280px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -40px; left: 0px; width: 35px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 16px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 34px; font-size: 13px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 34px; font-size: 13px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 421px) and (max-width: 767px){.custom_nav{width: 100%; height: auto; padding: 40px 40px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 110px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 40px; gap: 50px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 90%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 230px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 15px; overflow-wrap: break-word; white-space: normal; text-align: start;}.sales-item-container .sales-item-content h3{font-size: 14px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 15px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 34px; font-size: 14px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 30px; padding: 50px 0px; background-color: #137DC5; flex-direction: column;}.custom-footer .custom-footer-content span{font-size: 12px; font-weight: 300; color: white; order: 3;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px; order: 2;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center; order: 1;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 120px;}.custom-footer .custom_layer{width: 100%; height: 30px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 350px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -25px; left: -25px; width: 40px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 18px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 25px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; margin-bottom: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 34px; font-size: 14px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 34px; font-size: 14px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 768px) and (max-width: 1024px){.custom_nav{width: 100%; height: auto; padding: 50px 40px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 120px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 40px; gap: 50px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 65%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 24px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 15px;}.sales-item-container .sales-item-content h3{font-size: 14px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 15px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px; padding: 45px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 15px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 120px;}.custom-footer .custom_layer{width: 100%; height: 40px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 460px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 25px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; margin-bottom: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 34px; font-size: 14px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 34px; font-size: 15px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){.custom_nav{width: 100%; height: auto; padding: 40px 40px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 120px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 20px 40px; gap: 40px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 50%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 300px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 15px;}.sales-item-container .sales-item-content h3{font-size: 14px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 15px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 34px; font-size: 15px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px; padding: 45px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 15px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 120px;}.custom-footer .custom_layer{width: 100%; height: 40px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 460px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 25px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; margin-bottom: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 34px; font-size: 14px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 34px; font-size: 15px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.custom_nav{width: 100%; height: auto; padding: 25px 20px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 120px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 40px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 90%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 18px; font-weight: 700; color: #454545; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.sales-item-container .sales-item-content h3{font-size: 13px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll; padding: 15px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: 10px; left: 10px; width: 38px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 26px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 30px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 45px; font-size: 18px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 45px; font-size: 20px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.custom_nav{width: 100%; height: auto; padding: 25px 20px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 110px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 40px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 90%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 18px; font-weight: 700; color: #454545; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.sales-item-container .sales-item-content h3{font-size: 13px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 80%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: 80vh; position: relative; overflow-y: scroll; padding: 15px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 26px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 30px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 45px; font-size: 18px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 45px; font-size: 20px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.custom_nav{width: 100%; height: auto; padding: 25px 20px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 100px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 20px; gap: 40px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 90%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 180px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 18px; font-weight: 700; color: #454545; text-transform: initial; text-align: start; margin-bottom: 10px; overflow-wrap: break-word; white-space: normal;}.sales-item-container .sales-item-content h3{font-size: 13px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 70%; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: 75vh; position: relative; overflow-y: scroll; padding: 15px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: 10px; left: 10px; width: 35px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 26px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 30px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 45px; font-size: 18px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 45px; font-size: 20px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.custom_nav{width: 100%; height: auto; padding: 50px 50px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 120px;}.sales-item-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 50px 50px; gap: 40px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 50%; height: auto; order: 2;}.sales-item-container .sales-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; order: 1;}.sales-item-container .sales-item-content h2{font-size: 24px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 15px;}.sales-item-container .sales-item-content h3{font-size: 16px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 15px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 38px; font-size: 17px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px; padding: 45px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 15px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 120px;}.custom-footer .custom_layer{width: 100%; height: 40px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 460px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 22px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 25px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; margin-bottom: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 38px; font-size: 16px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 38px; font-size: 17px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.custom_nav{width: 100%; height: auto; padding: 50px 80px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 110px;}.sales-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 80px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 40%; height: auto;}.sales-item-container .sales-item-image img{width: 100%; height: 260px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.sales-item-container .sales-item-content h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 15px;}.sales-item-container .sales-item-content h3{font-size: 14px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 15px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px; padding: 45px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 15px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 120px;}.custom-footer .custom_layer{width: 100%; height: 40px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 460px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 33px; font-size: 14px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 33px; font-size: 14px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.custom_nav{width: 100%; height: auto; padding: 50px 100px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 110px;}.sales-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 50px 100px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 40%; height: auto;}.sales-item-container .sales-item-image img{width: 100%; height: 290px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.sales-item-container .sales-item-content h2{font-size: 22px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 15px;}.sales-item-container .sales-item-content h3{font-size: 15px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 15px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 40px; padding: 45px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 15px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 120px;}.custom-footer .custom_layer{width: 100%; height: 40px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 460px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 33px; font-size: 14px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 33px; font-size: 14px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.custom_nav{width: 100%; height: auto; padding: 60px 135px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 120px;}.sales-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 60px 135px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 40%; height: auto;}.sales-item-container .sales-item-image img{width: 100%; height: 320px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.sales-item-container .sales-item-content h2{font-size: 26px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px;}.sales-item-container .sales-item-content h3{font-size: 16px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 20px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 33px; font-size: 14px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 50px; padding: 45px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 15px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 30px; height: 30px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 120px;}.custom-footer .custom_layer{width: 100%; height: 40px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 460px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 20px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 33px; font-size: 14px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 33px; font-size: 14px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.custom_nav{width: 100%; height: auto; padding: 80px 180px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 140px;}.sales-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 180px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 40%; height: auto;}.sales-item-container .sales-item-image img{width: 100%; height: 330px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.sales-item-container .sales-item-content h2{font-size: 28px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px;}.sales-item-container .sales-item-content h3{font-size: 16px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 20px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 36px; font-size: 16px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 15px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 50px; padding: 50px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 15px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 32px; height: 32px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 140px;}.custom-footer .custom_layer{width: 100%; height: 40px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 480px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 22px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 25px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; margin-bottom: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 40px; font-size: 15px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 40px; font-size: 16px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.custom_nav{width: 100%; height: auto; padding: 80px 200px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 160px;}.sales-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 200px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 40%; height: auto;}.sales-item-container .sales-item-image img{width: 100%; height: 380px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.sales-item-container .sales-item-content h2{font-size: 32px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 20px;}.sales-item-container .sales-item-content h3{font-size: 18px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 20px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 40px; font-size: 16px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 50px; padding: 50px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 16px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 35px; height: 35px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 160px;}.custom-footer .custom_layer{width: 100%; height: 40px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 480px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -30px; left: -30px; width: 45px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 22px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 25px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px; margin-bottom: 25px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 40px; font-size: 15px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 40px; font-size: 16px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 20px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.custom_nav{width: 100%; height: auto; padding: 80px 250px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 200px;}.sales-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 80px 250px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 40%; height: auto;}.sales-item-container .sales-item-image img{width: 100%; height: 500px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.sales-item-container .sales-item-content h2{font-size: 36px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 30px;}.sales-item-container .sales-item-content h3{font-size: 22px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 30px;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 45px; font-size: 20px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 50px; padding: 50px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 18px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 40px; height: 40px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 200px;}.custom-footer .custom_layer{width: 100%; height: 50px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 650px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 35px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 50px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -40px; left: -40px; width: 55px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 26px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 30px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; margin-bottom: 30px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 45px; font-size: 18px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 30px; text-indent: 10px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 45px; font-size: 20px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 24px; border-radius: 30px 30px 0px 30px; line-height: 1; border: none; outline: none;}}@media screen and (min-width: 3840px){.custom_nav{width: 100%; height: auto; padding: 100px 400px; display: flex; justify-content: flex-start; align-items: center; background-color: #FBFBFB;}.custom_nav a{text-decoration: none;}.custom_nav a img{width: 300px;}.sales-item-container{width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; padding: 100px 400px; background-color: #FBFBFB;}.sales-item-container .sales-item-image{width: 40%; height: auto;}.sales-item-container .sales-item-image img{width: 100%; height: 750px; -o-object-fit: contain; object-fit: contain;}.sales-item-container .sales-item-content{width: 50%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}.sales-item-container .sales-item-content h2{font-size: 60px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 40px !important;}.sales-item-container .sales-item-content h3{font-size: 36px; font-weight: 300; color: #454545; text-transform: initial; text-align: justify; margin-bottom: 40px !important;}.sales-item-container .sales-item-content a{text-decoration: none; width: auto; height: 70px; font-size: 30px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}.custom-footer{width: 100%; height: auto; padding: 0px 0px;}.custom-footer .custom-footer-content{width: 100%; height: auto; display: flex; justify-content: center; align-items: center; gap: 50px; padding: 80px 0px; background-color: #137DC5;}.custom-footer .custom-footer-content span{font-size: 28px; font-weight: 300; color: white;}.custom-footer .custom-footer-content .custom-footer-social{width: auto; height: auto; display: flex; justify-content: center; align-items: center; gap: 15px;}.custom-footer .custom-footer-content .custom-footer-social a{text-decoration: none;}.custom-footer .custom-footer-content .custom-footer-social a img{width: 55px; height: 55px;}.custom-footer .custom-footer-content .custom-footer_logo{text-decoration: none; display: flex; justify-content: center; align-items: center;}.custom-footer .custom-footer-content .custom-footer_logo img{width: 300px;}.custom-footer .custom_layer{width: 100%; height: 70px; background-color: #045992;}.schedule-consultation-popup-container{width: 100vw; height: 100vh; position: fixed; right: 0; top: 0; background-color: transparent; z-index: 9999; display: none; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important;}.schedule-consultation-popup-container .schedule-consultation-popup-overlay{width: 100%; height: 100%; background-color: rgba(0, 27, 45, 0.13); position: absolute; top: 0; left: 0; z-index: 101; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);}.schedule-consultation-popup-container .schedule-consultation-popup-section{width: 950px; height: auto; margin: auto; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); background-color: white; z-index: 102; border-radius: 50px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container{width: 100%; height: auto; position: relative; padding: 70px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container #schedule-consultation-close{position: absolute; top: -60px; left: -60px; width: 80px; cursor: pointer; z-index: 10;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container{width: 100%; height: auto;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form h2{font-size: 44px; font-weight: 700; color: #454545; text-transform: initial; margin-bottom: 50px; text-align: center;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 50px; margin-bottom: 50px;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input{width: 100%; height: 70px; font-size: 28px; font-weight: 300 !important; color: #454545; border: none; outline: 1px solid gray; border-radius: 50px; text-indent: 20px; transition: outline 0.2s ease-in-out;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:active, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:hover, .schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form .inputs-container input:focus-within{outline: 2px solid #137DC5;}.schedule-consultation-popup-container .schedule-consultation-popup-section .schedule-consultation-popup-section-container .schedule-consultation-container form button{width: auto; height: 70px; font-size: 30px; font-weight: 300 !important; color: white; display: flex; justify-content: center; align-items: center; background-color: #137DC5; padding: 0px 30px; border-radius: 50px 50px 0px 50px; line-height: 1; border: none; outline: none;}}.content-column{flex-direction: column !important; gap: 50px;}.content-column .content-center{align-items: center !important;}.content-column .content-center h2{text-align: center !important;}.content-column .content-center h3{text-align: center !important;} /* /odex_website/static/src/css/thank-you.css defined in bundle 'web.assets_frontend' */ @font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 300; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Light.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 400; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Regular.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 500; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Medium.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 600; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Semi-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: Bold; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 800; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Extra-Bold.ttf") format("truetype");}@font-face{font-family: "Madani Arabic"; font-style: normal; font-weight: 900; src: url("/odex_website/static/src/css/../../fonts/Madani-Arabic-Black.ttf") format("truetype");}@media screen and (max-width: 319px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 160px 20px 60px; gap: 15px;}.email-received img{width: 50px;}.email-received p{font-size: 13px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 200px 20px 80px; gap: 15px;}.email-received img{width: 50px;}.email-received p{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 160px 20px 80px; gap: 15px;}.email-received img{width: 50px;}.email-received p{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 160px 20px 80px; gap: 15px;}.email-received img{width: 45px;}.email-received p{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 421px) and (max-width: 767px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 200px 20px 80px; gap: 15px;}.email-received img{width: 60px;}.email-received p{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 768px) and (max-width: 1024px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 200px 40px 80px; gap: 15px;}.email-received img{width: 70px;}.email-received p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 150px 20px 50px; gap: 10px;}.email-received img{width: 50px;}.email-received p{font-size: 14px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 13px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (max-width: 699px) and (max-device-height: 550px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 140px 20px 50px; gap: 10px;}.email-received img{width: 50px;}.email-received p{font-size: 13px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (max-width: 699px) and (max-device-height: 319px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 140px 20px 50px; gap: 10px;}.email-received img{width: 50px;}.email-received p{font-size: 13px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 12px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 250px 40px 50px; gap: 15px;}.email-received img{width: 70px;}.email-received p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1025px) and (max-width: 1200px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 150px 40px 50px; gap: 15px;}.email-received img{width: 60px;}.email-received p{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 16px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1201px) and (max-width: 1365px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 150px 40px 50px; gap: 15px;}.email-received img{width: 60px;}.email-received p{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1366px) and (max-width: 1599px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 150px 40px 50px; gap: 15px;}.email-received img{width: 60px;}.email-received p{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 18px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1600px) and (max-width: 1919px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 170px 40px 0px; gap: 15px;}.email-received img{width: 60px;}.email-received p{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 20px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 1920px) and (max-width: 2559px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 230px 40px 0px; gap: 15px;}.email-received img{width: 76px;}.email-received p{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 22px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 2560px) and (max-width: 3839px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 300px 40px 0px; gap: 15px;}.email-received img{width: 90px;}.email-received p{font-size: 30px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 24px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}}@media screen and (min-width: 3840px){.email-received{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 400px 50px 0px; gap: 30px;}.email-received img{width: 140px;}.email-received p{font-size: 54px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}.email-received span{font-size: 40px; font-weight: 700; color: #137DC5; text-transform: initial; text-align: center;}} /* /odex_website/static/src/css/swiper-bundle.min.css defined in bundle 'web.assets_frontend' */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-right:auto;margin-left:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;right:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;right:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{right:10px;left:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:10px;right:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;right:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{right:50%;transform:translateX(50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;right:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:right top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:left top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;right:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;right:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;right:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;right:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;right:50%;top:50%;margin-right:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}.swiper .swiper-notification{position:absolute;right:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:100% 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:0% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;right:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;right:0;top:0;bottom:0;left:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* /odex_backend_theme/static/src/css/web_login_style.css defined in bundle 'web.assets_frontend' */ .container{max-width: 100%;}#background{height:100%; display: block; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-filter: blur(0px); z-index: -1;}.body_login{display: inline-block; text-align: center; white-space: nowrap; width: 100%; position: relative; margin: 0px; padding: 0px;}#mcard{margin-top: 7%; padding: 3%; max-width: 350px; background-color: #FFFFFF !important;}#bcard{padding: 3%; height: 100%; background-color: #FFFFFF !important;}.body_login input, .body_login select{background-color: #FFFFFF !important; border-top: 1px solid #137EC6; border-right: 1px solid #137EC6; border-left: 1px solid #137EC6; border-bottom: 1px solid #137EC6; border-radius: 0px; color: black; font-size: 18px; font-weight: 300; text-align: right;}.bg-100{background-color: white;}.card-body{background-color: white;}#hr_contract_custom.hr_employee_re_contract_menu{background-color: #137EC6 !important; color: white !important;}.o_burger_menu .o_burger_menu_topbar{background-color : #137EC6 !important;}.o_burger_menu .o_burger_menu_content.o_burger_menu_dark{background-color : #137EC6 !important;}.o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar > button:hover, .o_main_navbar > button:focus{background-color : #137EC6 !important;}.o_view_nocontent .o_nocontent_help .o_view_nocontent_smiling_face:before{background: transparent url(/odex_backend_theme/static/src/img/smiling_face.svg) no-repeat center;} /* /website/static/src/scss/user_custom_rules.scss defined in bundle 'web.assets_frontend' */